javascript - 如果我在 Controller 中设置了某些内容，如何在 View 中访问它？

Question

我在公司 Controller 中创建了这个。

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

我想获取公司名称，如何在 ng-controller 与 View 中的 Controller 名称匹配的情况下调用它？

会是类似这样的事情吗？

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

我不确定我是否理解如何从 View 中的该函数获取信息。我想我自己也很困惑。

Answer 1

是的，你的样本看起来有点奇怪。

无论如何，要在 View 中绑定(bind) $scope 属性，您可以使用它的名称。

所以在 Controller 中:

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

在 View 中:

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

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

您也不必使用 ng-init，除非您想初始化 View 中的某些内容。

要查看 watch 的运行情况，只需在 span 旁边添加一个文本 input:

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

如果更改文本框中的值，您将看到 span 中反射(reflect)的更改。

Here is a plunker玩演示。