Javascript 能否在NG-MODEL中使用表达式？
我想在NG-MODEL指令中使用一个表达式，有没有办法完成这个绑定？可以用编译之类的东西来完成吗？这是我的标记Javascript 能否在NG-MODEL中使用表达式？,javascript,angularjs,angularjs-directive,angular-ngmodel,Javascript,Angularjs,Angularjs Directive,Angular Ngmodel,我想在NG-MODEL指令中使用一个表达式，有没有办法完成这个绑定？可以用编译之类的东西来完成吗？这是我的标记 <!DOCTYPE html> <html> <head> <title></title> <link href="Content/bootstrap.min.css" rel="stylesheet" /> </head> <body ng-controller="AppCtr
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
</head>
<body ng-controller="AppCtrl">
<div></div>
<range min="0" max="100" model="width"></range>
</body>
</html>
<script src="Scripts/angular.min.js"></script>
<script>
var app = angular.module("pager", []);
app.run(function($rootScope){
console.log($rootScope);
});
angular.element(document).ready(function(){
angular.bootstrap(document.querySelector("html"), ["pager"]);
})
app.directive("range", function ($compile) {
return {
restrict: "E",
replace: true,
scope:{
min:"@",
max:"@",
model:"@"
},
template: "<input type='range' ng-model='{{model}}' value='0' min='{{min}}' max='{{max}}'/>",
}
})
</script>
var-app=angular.module（“寻呼机”，[]）；
app.run（函数（$rootScope）{
log（$rootScope）；
});
元素（文档）.ready（函数（）{
引导（document.querySelector（“html”），[“pager]”）；
})
应用指令（“范围”，函数（$compile）{
返回{
限制：“E”，
替换：正确，
范围：{
最小：“@”，
马克斯：“@”，
型号：“@”
},
模板：“”，
}
})
ng model={{model}}给您一个错误，有没有办法让它从指令中读取model属性？这是可能的链接方式，还是我必须使用$compile来完成这一点。我希望我的指令能够在子范围中创建变量，然后将其绑定到指令生成的ng模型。我想使用指令中的“model”属性为ng模型创建变量。在本例中，我希望“width”是{{model}}表达式所在的位置。这就是您想要的吗 如果将
@=$scopeapp.directive("range", function ($compile) {
return {
restrict: "E",
replace: true,
scope: {
min: "@",
max: "@",
model: '='
},
compile: function () {
return {
pre: function (scope, elem, attrs) {
// The directives isolated scope
console.log(scope);
// Controller scope
console.log(scope.$parent);
}
}
},
template: "<input type='range' ng-model='model' value='0' min='{{min}}' max='{{max}}'/>"
}
});
app.directive（“范围”），函数（$compile）{
返回{
限制：“E”，
替换：正确，
范围：{
最小：“@”，
马克斯：“@”，
型号：'='
},
编译：函数（）{
返回{
前置：功能（范围、要素、属性）{
//指令的作用域是孤立的
console.log（范围）；
//控制器范围
console.log（范围$parent）；
}
}
},
模板：“”
}
});
您为什么会有这个指令？只是为了节省一点打字时间？您不需要插值模型。移除{{}。我想让它重复使用。我不确定最好的方法是什么。老实说，我处于一个有角度的中间级别，传递变量模型并使其等于“宽度”的最佳方法是什么？这确实有帮助，但我知道模型属性的原因，我希望
model=width$scope.width$scope.width宽度链接编译