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

Question

简单问题:如何在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/

Answer 1

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

尾随""停止将Angular表达式计算为任何文本.

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

我发现这在迭代多个嵌套数组时非常有用,我希望将当前的迭代信息保存在一个变量中,而不是多次查询它.

Answer 2

ngInit 可以帮助初始化变量.

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

jsfiddle的例子

Answer 3

创建一个名为myVarwith 的指令

scope : { myVar: '@' }

并称之为:

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

请特别注意带有连字符标记名称的指令中的camel case引用.

有关详细信息,请参阅此处的"了解转换和范围": - http://docs.angularjs.org/guide/directive

这是一个小提琴,展示了如何在指令中以各种不同的方式将值从属性复制到范围变量.

Answer 4

您可以像这样设置html中的值.我不认为有角度的直接解决方案.

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