Imposta la variabile di ambito angolare nel markup

Domanda semplice: come posso impostare un valore di ambito in html, che deve essere letto dal mio controller?

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-initnon funziona quando si assegnano variabili all'interno di loop. Uso {{myVariable=whatever;""}}

Il trailing ""interrompe la valutazione dell'espressione angolare su qualsiasi testo.

Quindi puoi semplicemente chiamare {{myVariable}}per visualizzare il valore della tua variabile.

L'ho trovato molto utile durante l'iterazione di più array annidati e volevo mantenere le mie attuali informazioni sull'iterazione in una variabile invece di interrogarle più volte.

ngInit può aiutare a inizializzare le variabili.

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

jsfiddle esempio

Crea una direttiva chiamata myVarcon

scope : { myVar: '@' }

e chiamalo così:

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

Notare in particolare il riferimento del caso del cammello nella direttiva al nome del tag con trattino.

Per ulteriori informazioni, vedere "Capire la transclusione e gli ambiti" qui: - http://docs.angularjs.org/guide/directive

Ecco un violino che mostra come copiare i valori dagli attributi alle variabili di ambito in vari modi diversi all'interno di una direttiva.

Puoi impostare valori da html in questo modo. Non credo che ci sia ancora una soluzione diretta da angular.

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

È possibile utilizzare ng-initcome mostrato di seguito

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

e quindi utilizzare la variabile di ambito locale in altre sezioni:

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

La variabile si inizializza dopo il controller quindi è necessario controllarla e quando non è inizializzata la si usa.

Mi piace la risposta, ma penso che sarebbe meglio creare una funzione di ambito globale che ti consentirà di impostare la variabile di ambito necessaria.

Quindi nel globalController creare

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

e poi nel tuo file html chiamalo

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

Questo ti permetterà quindi di usare $ scope.myVar nel tuo rispettivo controller

Se non sei in un ciclo, puoi usare ng-init altrimenti puoi usare

{{var=foo;""}}

il "" consente di non visualizzare la tua variabile