javascript - 当 AngularJS 变量在 $scope 中定义时使用对象名称

标签 javascript angularjs angularjs-scope angularjs-controller

假设我们在 AngularJS 中有一个 NameController。您可以在那里定义变量,如下所示:

this.name = 'Joe';

或者:

$scope.name = 'Joe';

我总是喜欢使用对象表示法来调用所有变量:

<form ng-controller="NameController as nameCtrl">
  <input type="text" ng-model="nameCtrl.name">
</form>

这仅在我在 Controller 中使用“this”符号时才有效。当我使用 $scope 时,我必须在没有 nameCtrl 的情况下调用“name”。使其发挥作用。

当然,我在这里缺少一些非常基本的基础知识,但在做了一些研究之后,我仍然陷入困境。如何在 HTML 代码中保留尽可能多的对象命名?

最佳答案

您一次只能使用一种方法,请参阅此链接的更多详细信息 https://docs.angularjs.org/api/ng/directive/ngController

Two different declaration styles are included below:

  • one binds methods and properties directly onto the controller using this: ng-controller="SettingsController1 as settings"
  • one injects $scope into the controller: ng-controller="SettingsController2"

关于javascript - 当 AngularJS 变量在 $scope 中定义时使用对象名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25327136/

相关文章:

javascript - 如何使用边界框裁剪图像

javascript - 流模式下的流子进程输出

angularjs - 如何在 WebStorm 的调试器中调试 AngularJS(Angular 1.x)/Gulp 应用程序,以便客户端 JS 断点在 WebStorm 中工作?

javascript - 按下空格键或 Enter 键后,Angular 模型不会更新

javascript - Angular 指令不能作用于 ng-model

javascript - 滚动到页面的特定部分后启动 CSS 动画

javascript - 根据所选选项错误更改输入值 : is not a function

angularjs - ui路由器-带有共享 Controller 的嵌套 View

javascript - 使用 ng-repeat 一次显示 2 个元素

angularjs - Angular $rootScope.$on 未定义