Đặt biến phạm vi góc trong đánh dấu

Câu hỏi đơn giản: Làm cách nào để đặt giá trị phạm vi trong html để bộ điều khiển của tôi đọc?

var app = angular.module('app', []);

app.controller('MyController', function($scope) {
  console.log($scope.myVar);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller="MyController" app-myVar="test">
    {{myVar}}
  </div>
</div>

JSFiddle: http://jsfiddle.net/ncapito/YdQcX/

ng-initkhông hoạt động khi bạn đang gán các biến bên trong vòng lặp. Sử dụng {{myVariable=whatever;""}}

Dấu ""chấm dừng biểu thức Angular được đánh giá cho bất kỳ văn bản nào.

Sau đó, bạn có thể chỉ cần gọi {{myVariable}}để xuất ra giá trị biến của mình.

Tôi thấy điều này rất hữu ích khi lặp lại nhiều mảng lồng nhau và tôi muốn giữ thông tin lặp hiện tại của mình trong một biến thay vì truy vấn nó nhiều lần.

ngInit có thể giúp khởi tạo các biến.

<div ng-app='app'>
    <div ng-controller="MyController" ng-init="myVar='test'">
        {{myVar}}
    </div>
</div>

ví dụ jsfiddle

Tạo một chỉ thị được gọi myVarbằng

scope : { myVar: '@' }

và gọi nó như thế này:

<div name="my_map" my-var="Richmond,VA">

Đặc biệt lưu ý tham chiếu trường hợp lạc đà trong chỉ thị cho tên thẻ được gạch nối.

Để biết thêm thông tin, hãy xem "Tìm hiểu về việc bao gồm và phạm vi" tại đây: - http://docs.angularjs.org/guide/directive

Đây là một Fiddle cho thấy cách bạn có thể sao chép các giá trị từ các thuộc tính sang các biến phạm vi theo nhiều cách khác nhau trong một chỉ thị.

Bạn có thể đặt các giá trị từ html như thế này. Tôi không nghĩ rằng có một giải pháp trực tiếp từ góc cạnh được nêu ra.

 <div style="visibility: hidden;">{{activeTitle='home'}}</div>

Bạn có thể sử dụng ng-initnhư hình bên dưới

<div class="TotalForm">
  <label>B/W Print Total</label>
  <div ng-init="{{BWCount=(oMachineAccounts|sumByKey:'BWCOUNT')}}">{{BWCount}}</div>
</div>
<div class="TotalForm">
  <label>Color Print Total</label>
  <div ng-init="{{ColorCount=(oMachineAccounts|sumByKey:'COLORCOUNT')}}">{{ColorCount}}</div>
</div>

và sau đó sử dụng biến phạm vi cục bộ trong các phần khác:

<div>Total: BW: {{BWCount}}</div>
<div>Total: COLOR: {{ColorCount}}</div>

$scope.$watch('myVar', function (newValue, oldValue) {
        if (typeof (newValue) !== 'undefined') {
            $scope.someothervar= newValue;
//or get some data
            getData();
        }


    }, true);

Biến khởi tạo sau khi bộ điều khiển, vì vậy bạn cần phải theo dõi nó và khi nó chưa được khởi tạo, hãy sử dụng nó.

Tôi thích câu trả lời nhưng tôi nghĩ sẽ tốt hơn nếu bạn tạo một hàm phạm vi toàn cục sẽ cho phép bạn đặt biến phạm vi cần thiết.

Vì vậy, trong globalController, hãy tạo

$scope.setScopeVariable = function(variable, value){
    $scope[variable] = value;
}

và sau đó trong tệp html của bạn gọi nó

{{setScopeVariable('myVar', 'whatever')}}

Sau đó, điều này sẽ cho phép bạn sử dụng $ scope.myVar trong bộ điều khiển tương ứng của bạn

Nếu bạn không ở trong vòng lặp, bạn có thể sử dụng ng-init khác mà bạn có thể sử dụng

{{var=foo;""}}

alows "" không hiển thị var của bạn