Ustaw zmienną zakresu kątowego w znacznikach

Proste pytanie: Jak mogę ustawić wartość zakresu w html, aby mój kontroler mógł go odczytać?

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-initnie działa, gdy przypisujesz zmienne wewnątrz pętli. Posługiwać się {{myVariable=whatever;""}}

Końcowe "" zatrzymuje obliczanie wyrażenia kątowego na dowolny tekst.

Wtedy możesz po prostu zadzwonić {{myVariable}} aby wyświetlić wartość zmiennej.

Okazało się, że jest to bardzo przydatne podczas iteracji wielu zagnieżdżonych tablic i chciałem zachować moje bieżące informacje o iteracji w jednej zmiennej zamiast wielokrotnego wykonywania zapytań.

ngInit może pomóc w inicjalizacji zmiennych.

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

przykład jsfiddle

Utwórz dyrektywę o nazwie myVarwith

scope : { myVar: '@' }

i nazwij to tak:

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

W szczególności należy zwrócić uwagę na odniesienie w dyrektywie do przypadku wielbłąda do nazwy znacznika z łącznikiem.

Aby uzyskać więcej informacji, zobacz „Understanding Transclusion and Scopes” tutaj: - http://docs.angularjs.org/guide/directive

Oto Fiddle, który pokazuje, jak można kopiować wartości z atrybutów do zmiennych zakresu na różne sposoby w ramach dyrektywy.

Możesz ustawić wartości z html w ten sposób. Myślę, że nie ma jeszcze bezpośredniego rozwiązania z kątowego.

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

Możesz użyć, ng-initjak pokazano poniżej

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

a następnie użyj zmiennej zakresu lokalnego w innych sekcjach:

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

Zmienna inicjalizuje się po kontrolerze, więc musisz ją pilnować, a gdy nie jest zainicjalizowana, użyj jej.

Podoba mi się odpowiedź, ale myślę, że byłoby lepiej, gdybyś utworzył funkcję zasięgu globalnego, która pozwoli ci ustawić potrzebną zmienną zakresu.

Więc w globalController create

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

a następnie w swoim pliku html wywołaj to

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

Umożliwi to użycie zmiennej $ scope.myVar w odpowiednim kontrolerze

Jeśli nie jesteś w pętli, możesz użyć ng-init innego, którego możesz użyć

{{var=foo;""}}

"" pozwala nie wyświetlać twojego var