连接ng点击控制器功能
Connecting ng-click to controller function
我在获取分部的div的ng-click
属性以激发我想要的函数testDivClicked()
时遇到问题。
在我的应用程序控制器中,我提供了一个到名为test
:的部分的路由
(function () {
"use strict";
angular
.module('myApp', ['ngRoute', 'ui.bootstrap', 'myApp.main', 'myApp.test'])
.config(config);
config.$inject = ['$routeProvider'];
function config($routeProvider) {
$routeProvider
.when('/', {templateUrl: '/partials/main.html', controller: 'MainController', controllerAs: 'vm'})
.when('/test', {templateUrl: '/partials/test/test.html', controller: 'TestController', controllerAs: 'vm'})
.otherwise({redirectTo: '/'});
}
})();
以下是插入父视图的test.html
部分:
<div class="outer-holder test-outer-holder">
<div class="middle-holder test-middle-holder">
<div class="inner-holder test-inner-holder">
<div class="test-container" ng-click="vm.testDivClicked('test-container')">
<legend>Test</legend>
</div>
</div>
</div>
</div>
我的test
控制器:
(function () {
"use strict";
angular
.module("myApp.test")
.controller("TestController", TestController);
TestController.$inject = [];
function TestController() {
var vm = this;
function testDivClicked(msg) {
console.log("message:", msg);
}
}
})();
当我点击最里面的div
时,我希望testDivClicked()
记录我点击了它
我在这个设置中缺少了什么,可以让ng-click
工作?
您应该编写vm.testDivClicked = function(msg)
而不是function testDivClicked
。您声明了一个局部函数。
为创建控制器而提供的模块名称myApp.test
错误。使用angular.module("myApp")
所以你的测试控制器应该是
(function () {
"use strict";
angular
.module("myApp")
.controller("TestController", TestController);
TestController.$inject = [];
function TestController() {
var vm = this;
function testDivClicked(msg) {
console.log("message:", msg);
}
}
})();
正如Alexander前面所说,函数testDivClicked
函数与vm(this)
没有关联。因此在dom中不将其识别为CCD_ 15。
这是修改后的部分。
function TestController() {
var vm = this;
vm.testDivClicked = function(msg) {
console.log("message:", msg);
}
}
相关文章:
- 角度控制器功能赢得'不按指令工作
- 角度控制器功能不;在指令内部调用时,似乎无法始终如一地工作
- 控制器功能在 Angular.js 中不起作用
- 从 AngularJS 中的控制器功能发送数据以供查看
- ng重复调用控制器功能的次数太多
- 无法理解Angular JS中的控制器功能
- 如何使$filter在angularjs中的所有控制器功能中可用
- Ionic Angular/为什么在控制器功能结束之前不调用服务
- 创建通用控制器功能
- $browser.notifyWhenNoOutoutstanding Requests不考虑控制器功能
- 在 ng 单击不部分调用控制器功能时遇到困难
- 角度控制器功能坏了
- AngularJS :如何从控制器功能切换视图
- AngularJS:使用虚拟机从外部调用控制器功能
- 角度控制器功能未运行
- 如何从控制器功能内部获取$scope
- 角度:如何使$scope属性与控制器功能保持同步
- 无法引用控制器功能 ZF2
- AngularJS 控制器功能最佳实践
- 从角度控制器功能访问表单输入