Legen Sie die Winkelbereichsvariable im Markup fest

Einfache Frage: Wie kann ich einen Bereichswert in HTML festlegen, der von meinem Controller gelesen werden soll?

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-initfunktioniert nicht, wenn Sie Variablen innerhalb der Schleife zuweisen. Verwenden {{myVariable=whatever;""}}

Das Schleppen "" der Winkelausdruck für einen beliebigen Text ausgewertet wird.

Dann können Sie einfach anrufen {{myVariable}} um Ihren Variablenwert auszugeben.

Ich fand dies sehr nützlich, wenn ich mehrere verschachtelte Arrays iterierte, und ich wollte meine aktuellen Iterationsinformationen in einer Variablen behalten, anstatt sie mehrmals abzufragen.

ngInit kann helfen, Variablen zu initialisieren.

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

jsfiddle Beispiel

Erstellen Sie eine Direktive, die myVarmit aufgerufen wird

scope : { myVar: '@' }

und nenne es so:

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

Beachten Sie insbesondere den Kamelfallverweis in der Direktive auf den mit Bindestrich versehenen Markennamen.

Weitere Informationen finden Sie unter "Grundlegendes zu Transklusion und Umfang" hier: - http://docs.angularjs.org/guide/directive

Hier ist eine Geige , die zeigt, wie Sie Werte aus Attributen auf verschiedene Arten innerhalb einer Direktive in Bereichsvariablen kopieren können.

Sie können Werte wie folgt in HTML festlegen. Ich denke, es gibt noch keine direkte Lösung von Angular.

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

Sie können ng-initwie unten gezeigt verwenden

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

und verwenden Sie dann die lokale Bereichsvariable in anderen Abschnitten:

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

Die Variable wird nach dem Controller initialisiert, sodass Sie darauf achten müssen und wenn sie nicht initialisiert ist, verwenden Sie sie.

Ich mag die Antwort, aber ich denke, es wäre besser, wenn Sie eine globale Bereichsfunktion erstellen, mit der Sie die erforderliche Bereichsvariable festlegen können.

Also im globalController erstellen

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

und dann in Ihrer HTML-Datei rufen Sie es auf

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

Auf diese Weise können Sie $ scope.myVar in Ihrem jeweiligen Controller verwenden

Wenn Sie sich nicht in einer Schleife befinden, können Sie ng-init verwenden, andernfalls können Sie verwenden

{{var=foo;""}}

Die "" Alows zeigen Ihre Var nicht an