- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们试图在 AngularJS 指令中使用属性绑定(bind),但问题引发了错误
The controller with the name
counterController
is not registered.
我们想将 variable:firstcount
从 counterController
传递给 orderController
。 variable:firstcount
需要在单击按钮时递增/递减。
有人可以帮助我们解决错误吗?
(function(){
'use strict';
angular
.module('mainApp', []);
}());
<!DOCTYPE html>
<html ng-app="mainApp">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="angular.min.js"></script>
</head>
<body>
<div ng-controller='counterController as counter'>
<counter count="counter.firstcount"></counter>
</div>
<script src="app.js"></script>
<script src="counterController.js"></script>
<script src="orderController.js"></script>
<script src="counter.directive.js"></script>
</body>
</html>
(function () {
'use strict';
angular.module('mainApp', [])
.controller('orderController', orderController);
orderController.$inject = ['$scope'];
function orderController($scope) {
this.count=$scope.count;
console.log("Inside OrderController");
this.increment = function () {
this.count++;
}
this.decrement = function () {
this.count--;
}
};
}());
(function () {
'use strict';
angular.module('mainApp', [])
.controller('counterController', counterController);
counterController.$inject = ['$scope'];
function counterController($scope) {
var counter = this;
counter.firstcount = 10;
console.log("Inside Counter Controller");
counter.increment=function(){
counter.count++;
}
counter.decrement=function(){
counter.count--;
}
};
}());
(function () {
'use strict';
function counter() {
return {
restrict: 'E',
scope: {
count: '='
},
controller: 'orderController as order',
template: `
Counter: <input type="text" ng-model="order.count">
<button type="button" ng-click="order.increment()">Increment</button>
<button type="button" ng-click="order.decrement()">Decrement</button>
`
};
}
angular.module('mainApp')
.directive('counter', counter);
}());
最佳答案
您继续定义应用程序模块,而不是每次都这样做:
angular.module('mainApp', [])
改为这样做:
angular.module('mainApp')
您实际上在 counter.directive.js 中遵循了该模式。你应该只有:
angular.module('mainApp', [])
进入您的应用后,很可能进入 app.js 文件。
关于javascript - 具有此名称的 Controller 未注册——错误 : $controller:ctrlreg,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58823692/
我是 AngularJs 的新手。我试图显示 json 文件中的选项,但返回消息是: “错误:[$controller:ctrlreg]” 这是我的代码: var sj = angular.modul
我已经开始为我参加的 angular js 类(class)编写一些代码,但我在控制台日志中收到此错误(错误:[$controller:ctrlreg]),我不确定为什么?我在 angular 的网站
属性绑定(bind) | AngularJS 我们试图在 AngularJS 指令中使用属性绑定(bind),但问题引发了错误 The controller with the name counter
当我在 chrome 中按 F12 时,我看到了这个错误。 似乎没有问题。 我的html代码 {{item.name}} 这是我的js文件。知道为什么吗? 我使用的angualr版本是1.6
ng-app 添加在 html 标签中。我只添加了一部分 html 代码。我正在尝试使用 CreatePortfolioController 但它似乎未定义。我也检查了拼写错误,但似乎没有。我不知道为
当我尝试学习 angularJs 时,我不断收到此错误..请帮助我。我是这种技术的新手,我想将学生列表输出到如下所示的表格中。 谢谢! 我的studentController.js v
Angular 新手。也许我很笨,但不确定其他人是否看到我遇到的同样问题,尽管我检查了规定的命名错误。我使用了约定 Ctrl 作为 Controller 的简写。 我的聊天 Controller Ch
我正在尝试使用 AngularJS 制作一个待办事项应用程序,但它说一个与 Error: $controller:ctrlreg, 定向链接说: A controller with this name
app.js (function(){ 'use strict'; angular .module('app', ['ngRoute', 'ngCookies']) .config(c
我是 AngularJs 的新手,我正在编写教程。这是我的代码。` Angular By Bhaskar
我是一名优秀的程序员,十分优秀!