İşaretlemede açısal kapsam değişkenini ayarlayın

Basit soru: Denetleyicim tarafından okunması için html'de bir kapsam değerini nasıl ayarlayabilirim?

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-initdöngü içinde değişkenler atarken çalışmaz. Kullanım {{myVariable=whatever;""}}

Sondaki "", Angular ifadesinin herhangi bir metin için değerlendirilmesini durdurur.

Ardından {{myVariable}}, değişken değerinizin çıktısını almak için basitçe çağırabilirsiniz .

Bunu birden çok iç içe diziyi yinelerken çok yararlı buldum ve mevcut yineleme bilgilerimi birden çok kez sorgulamak yerine tek bir değişkende tutmak istedim.

ngInit değişkenleri başlatmaya yardımcı olabilir.

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

jsfiddle örneği

Adlı bir yönerge oluşturma myVarile

scope : { myVar: '@' }

ve şöyle diyelim:

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

Tirelenmiş etiket adına yönelik direktifte özellikle deve durumu referansına dikkat edin.

Daha fazla bilgi için "Transclusion and Scopes Anlama" bölümüne bakın: - http://docs.angularjs.org/guide/directive

Burada , bir yönerge içinde çeşitli farklı şekillerde özniteliklerdeki değerleri kapsam değişkenlerine nasıl kopyalayabileceğinizi gösteren bir Fiddle .

Değerleri html'den bu şekilde ayarlayabilirsiniz. Henüz açısaldan doğrudan bir çözüm olduğunu düşünmüyorum.

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

ng-initAşağıda gösterildiği gibi kullanabilirsiniz

<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>

ve sonra diğer bölümlerde yerel kapsam değişkenini kullanın:

<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);

Değişken, denetleyiciden sonra başlar, bu nedenle onu izlemeniz gerekir ve kullanımı başlatmadığında.

Cevabı beğendim, ancak ihtiyaç duyulan kapsam değişkenini ayarlamanıza izin verecek global bir kapsam işlevi oluşturmanızın daha iyi olacağını düşünüyorum.

Yani globalController'da

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

ve sonra html dosyanızda onu arayın

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

Bu, daha sonra ilgili denetleyicinizde $ kapsam.myVar'ı kullanmanıza izin verecektir.

Bir döngüde değilseniz, ng-init'i kullanabilirsiniz, aksi takdirde kullanabilirsiniz.

{{var=foo;""}}

"" değişkeninizi göstermez