Простой вопрос: как установить значение области видимости в html, чтобы его мог читать мой контроллер?
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/
my-var="foo"когда ее вызываете. Обратите внимание на использование дефиса и верблюжьего регистра. Примечание: fooздесь оценивается , если вы не хотите, чтобы использование '@' в определении области видимости обращалось к значению атрибута.
Ответы:
ng-initне работает, когда вы назначаете переменные внутри цикла. Использовать
{{myVariable=whatever;""}}
Завершение ""останавливает вычисление выражения Angular для любого текста.
Затем вы можете просто позвонить, {{myVariable}}чтобы вывести значение переменной.
Я нашел это очень полезным при итерации нескольких вложенных массивов, и я хотел сохранить мою текущую информацию об итерации в одной переменной, а не запрашивать ее несколько раз.
{{}}только для вывода одной переменной, а не для назначения переменных. Я бы сказал, что stackoverflow.com/a/16799763/814160 более правильный (меньше кода JS в представлении).
ngInit может помочь инициализировать переменные.
<div ng-app='app'>
<div ng-controller="MyController" ng-init="myVar='test'">
{{myVar}}
</div>
</div>Создайте директиву myVarс именем
scope : { myVar: '@' }и назовите это так:
<div name="my_map" my-var="Richmond,VA">Обратите внимание, в частности, на ссылку в директиве на имя тега, написанное через дефис.
Для получения дополнительной информации см. «Общие сведения о включении и областях» здесь: - http://docs.angularjs.org/guide/directive
Вот сценарий, который показывает, как можно копировать значения из атрибутов в переменные области видимости различными способами в пределах директивы.
var-nick='my' var-nick2='test'. Если вы не можете придумать способ реализовать это с помощью директив, я просто собираюсь использоватьng-init
scope: {varNick: '@', varNick2: '@'}
Вы можете использовать, ng-initкак показано ниже
<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>а затем используйте переменную локальной области видимости в других разделах:
<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);Переменная инициализируется после контроллера, поэтому вам нужно следить за ней и использовать ее, когда она не инициализирована.
Мне нравится ответ, но я думаю, было бы лучше, если бы вы создали функцию глобальной области видимости, которая позволит вам установить необходимую переменную области.
Итак, в globalController создайте
$scope.setScopeVariable = function(variable, value){
$scope[variable] = value;
}а затем в вашем html файле назовите его
{{setScopeVariable('myVar', 'whatever')}}Это позволит вам использовать $ scope.myVar в соответствующем контроллере.
Если вы не в цикле, вы можете использовать ng-init, иначе вы можете использовать
{{var=foo;""}}"" позволяет не отображать ваш var