自定义指令模板中的AngularJS控制变量
AngularJS control variable in custom directive template
我制作了一个自定义指令,在模板中有一个变量ng model="test",
在指令控制器中,如何更改变量?
angular.module("myDirective", []).directive("ngTest", function(){
return {
restrict: "E",
scope: true,
template: "<input type='text' ng-model='test'>+
<button ng-click='change()'></button>",
controller: function ($scope, $element){
$scope.change = function(){
// no idea about how to control variable test here.
$scope.test = "123123123"; //this doesn't work. :(
}
}
}
});
这里是为您工作的plunker:)
app.directive("ngTest", function(){
return {
restrict: "E",
scope: true,
template: "<input type='text' ng-model='test'><button ng-click='change()'>Click Me</button>",
controller: function ($scope, $element){
$scope.change = function(){
// no idea about how to control variable test here.
$scope.test = "123123123"; //this doesn't work. :(
}
}
}
});
我发现的问题是指令中的"+"不起作用——你需要在同一行中提供完整的tempalte,或者使用tempalteUrl为其提供值。
相关文章:
- AngularJS范围变量Unwatch
- 自定义指令模板中的AngularJS控制变量
- 使用Javascript或AngularJS控制或禁用浏览器返回按钮
- AngularJS将变量绑定到自定义html属性
- 如何使用EnquireJS使AngularJS范围变量依赖于媒体查询
- AngularJS字符串变量到使用sanitize的HTML元素
- 把手助手(Emberjs)中的访问控制变量
- 无法使用AngularJS更新变量
- 如何在javascript中填充Angularjs$scope变量
- 控制变量范围
- Angularjs:字符串变量中的Html值
- AngularJS:将变量传递给模态
- 使用angularjs范围变量初始化javascript变量
- AngularJS:重复变量中的动态键
- AngularJs $http变量未定义
- 我可以通过向 AngularJS 发送变量来更改加载的 JSON 文件吗?
- AngularJS 模板变量在自定义指令中时不呈现
- 如何使用 AngularJS 将变量存储在数组中
- 在提交以调用 webapi 之前,获取 Angularjs 中变量中的输入值
- 无法将 angularjs 控制器变量绑定到 html 页面