如果我在控制器中设置了一些内容,我该如何在视图中访问它？

Question

我在公司控制器中创建了这个.

$scope.$watch('companyName', function () {
      console.log($scope.company.name); 
    });

我想获取公司名称,如何ng-controller在视图中匹配控制器名称的位置调用它？

它会是这样的吗？

<span ng-init="companyName"> {{ companyName() }} </span>

我不确定我是否理解如何从视图中获取该功能的信息.我想我自己很困惑.

Answer 1

是的,你的样品看起来有点怪.

无论如何,要$scope在视图中绑定属性,请使用其名称.

所以在控制器中:

$scope.company = { name: "Acme" };

在视图中:

<span> {{ company.name }} </span>

无需$watch手动创建.Angular将为视图中使用的任何属性(为您)创建一个监视.

ng-init除非您想在视图中初始化某些内容,否则您也不必使用.

要查看手表的操作,只需在input旁边添加一个文本span:

<input type="text" ng-model="company.name"/>

如果更改文本框中的值,您将看到更改中反映的更改span.

这是一个可以玩的玩家.