相关疑难解决方法(0)

AngularJs - 将一个ng-model绑定到带有两个输入的指令

如何使用(已经制作)创建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)

javascript angularjs angularjs-filter angular-directive

2
推荐指数
1
解决办法
6944
查看次数