个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我正在使用 angular-fullstack generator为我的应用程序生成新路由。语法是 really unfamiliar并使用类似类的结构。我如何使用它来注入(inject) $scope 和 $watch 之类的东西？我想做的主要事情是观察特定变量的变化。语法如下。有人知道如何处理这个吗？
'use strict';
(function() {
class MainController {
constructor($http) {
this.$http = $http;
this.awesomeThings = [];
$http.get('/api/things').then(response => {
this.awesomeThings = response.data;
});
}
addThing() {
if (this.newThing) {
this.$http.post('/api/things', { name: this.newThing });
this.newThing = '';
}
}
deleteThing(thing) {
this.$http.delete('/api/things/' + thing._id);
}
}
angular.module('myapp')
.controller('MainController', MainController);
})();
我如何注入(inject) $watch 以便我可以做类似的事情:
this.$watch('awasomeThings', function () { ... });
最佳答案
他们打算(我的假设)让您使用 Angular 的 controllerAs 语法。当您这样做时，您最终使用的 $scope 会少很多(如果有的话)。
原因是您的 View 不再直接绑定(bind)到作用域，它们绑定(bind)到 Controller 的属性。因此，在上面的 MyController 示例中， View 可以使用您提供的 Controller 名称访问 awesomeThings 数组:
<body ng-controller="MyController as myCtl">
<p ng-repeat="thing in myCtl.awesomeThings">{{thing}}</p>
</body>
您仍然需要使用 $scope 的一种情况是您想要使用 $scope.$watch()。在这种情况下，将 $scope 注入(inject)到您的 Controller 中，就像上面的 $http 一样:
class MyController {
constructor($scope) {
// use the $scope.$watch here or keep a reference to it so you can
// call $scope.$watch from a method
this.$scope = $scope;
}
}
PS:这种语法很可能是 ES6 但我可能是错的......我使用的 Typescript 看起来非常相似。
关于javascript - 我如何使用 $scope 和 $watch 使用 angular-fullstack 生成器语法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34441026/
24
4
0
我在这里有我的 javascript 代码: define(['controllers/controllers', 'services/alerts'], function(module) {
的意义是什么scope = scope-token *( SP scope-token ) scope-token = 1*( %x21 / %x23-5B / %x5D-7E ) 在 RFC6749
我是 AngularJS 的新手。我试图找出这两个 Controller 定义之间的区别: app.controller('simpleController', ['$scope', function
似乎所有 Guice 的开箱即用 Scope 实现本质上都是基于线程的(或完全忽略线程): Scopes.SINGLETON和 Scopes.NO_SCOPE忽略线程并且是边缘情况:全局范围和无范围。
如果这个问题涉及的是一个常见问题，我很抱歉，但我发现这个问题非常抽象，并且无法真正为其构建一个好的 Google 搜索词。 我试图理解并找到 Maven 中提供的依赖项的用例。我的想法是这样的: 假设
假设我有以下 Controller angular.module('scopeExample', []) .controller('MyController', ['$scope', func
当前在TmThemeEditor上注册的243种配色方案中， 我注意到几乎没有人使用范围选择器运算符。 对于以下情况，运算符非常有用: (text.html | text.xml) & (meta.t
我有一些行为不符合预期的代码......我在 AngularJS Controller 中有一个事件监听器，如下所示: $scope.$on("newClipSelected", function(e
首先，如果帖子太长，我深表歉意。另外，为了以防万一这会以某种方式干扰您可能给我的答案，我不会以通常的方式定义我的 Controller 。相反，我关注http://www.technofattie.c
我有一个模式，其中许多项目类型都是“可编辑的”。这意味着我有很多模板(每种可编辑项目类型一个)，这些模板期望具有唯一的字段，但具有通用功能(编辑、保存、取消编辑、删除等)。这些常见功能导致 Contr
$evalAsync 和 $applyAsync 之间有什么区别？我的理解是，当我从指令中使用 $evalAsync 时，表达式将在浏览器呈现之前进行计算。 举个例子，如果我想滚动到页面上的特定位置但
我试图为一个 $scope 变量提供另一个 $scope 变量的值。有人能告诉我出了什么问题吗？查看简单的 plunker 了解详细信息: http://plnkr.co/edit/TlKnd2fM5
我有以下一段 Angular 代码 $scope.prepare = function(){ $scope.elems = [1,2,3]; }; $scope.action = functio
我正在关注 Angularjs 的官方教程，但我陷入了第 2 步。 这是一个片段，我不明白 $scope:scope 的含义， describe('PhoneListCtrl', function()
根据文档， Global: Component is shared among all users. Session: Separate instances of the component are
显示作用域变量，类似于 Angularjs 中的 ng-repeat 元素 这些是我的范围变量 $scope.published = true; $scope.count = 3; 我还有一个名为 l
我是 Angular 的新手，我想在普通的 javascript 中做一些非常简单的事情，但我无法找到如何在 Angular 中正确地做到这一点! 我想设置一个通用函数来清除输入文本字段: 我有这个
在article中发现了这样一个idea : Notice how the value function takes the scope as parameter (without the $ in
注释部分将位于 $scope.$on 下。我需要将 options 返回到我保存 $scope.$emit 的地方。请帮助!!! if (gridConfig.Batch) {
我有一个带有 2 个作用域的 Controller : app.controller('search', function($scope) { $scope.value1 = '';
我是一名优秀的程序员,十分优秀！