如何使用(已经制作)创建range绑定到一个ng-model并输出两个input字段的指令filter.基本上我有一个从模型到输入工作的方向,但另一方面从输入到模型不是.怎么做到这一点?
我有这个Html:
<div tu-range ng-model="arbitraymodel" />
Run Code Online (Sandbox Code Playgroud)
一个模型:
var arbitrarymodel = "10/22";
Run Code Online (Sandbox Code Playgroud)
边注; 我创建了一个过滤器来分割这两个值:
{{ feature.Value | split:\'/\':0}}
而这个指令:
.directive('tuRange', function($compile) {
return {
restrict: 'A',
require: 'ngModel',
scope: {
feature: '=',
tudisabled: '=',
model: '=ngModel' // edited
},
template: '<input type="text" '+
'ng-value="{{ model | split:\'/\':0}}" />'+ // edited to 'model'
'-<input type="text" '+
'ng-value="{{ model | split:\'/\':1}}" />', // edited to 'model'
link: function(scope, element, attributes, ngModel) …Run Code Online (Sandbox Code Playgroud)