在标记中设置角度范围变量

一个简单的问题：如何在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/

ng-init在循环内分配变量时不起作用。用 {{myVariable=whatever;""}}

尾随会""停止对任何文本求值的Angular表达式。

然后，您可以简单地调用{{myVariable}}以输出变量值。

我发现在迭代多个嵌套数组时这非常有用，我想将当前的迭代信息保留在一个变量中，而不是多次查询。

ngInit 可以帮助初始化变量。

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

jsfiddle示例

创建一个名为指令myVar与

scope : { myVar: '@' }

并这样称呼它：

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

请特别注意指令中的驼峰引用对连字符标签名称的引用。

有关更多信息，请参见此处的“了解包含和作用域”：-http: //docs.angularjs.org/guide/directive

这是一个小提琴，它显示了如何在指令中以各种不同的方式将值从属性复制到作用域变量。

您可以像这样从html设置值。我认为从角度来看还没有直接的解决方案。

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

您可以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;""}}

“”不允许显示您的变量