使用jquery直接从文本框获取Angular模型值

时间:2014-12-30 12:00:16

标签: javascript jquery angularjs angularjs-directive

我是角度新手并处理角度指令,该指令用于触发模态显示事件,该事件基于控制器的值,具有隔离功能,该功能将模型和视图与正确的值绑定。但是当我直接使用jquery获取文本框值时,它只返回模型的旧值。我还使用$ timeout来等待摘要周期完成。我错过了什么吗?

这是我的代码

HTML

<.. ng-repeat='tab in tabs'>
   <a href="#{{tab.id}}" trigger="Ctrl.set(tab)">Show {{tab.name}}</a>    
</..>

指令

(...).directive('trigger', [..., function($timeout) {
    return {
       restrict:'A',
       scope: {
            trigger:'&'
       },
       link: function(scope, elem, attrs) {                   
              $(elem).click(function() {   
                 scope.trigger(); // works fine. model binds and shown in the view

                 $timeout(function(){
                    $("#modal").show(); // also working..

                    $("#modal").find('input').each(function(i,e) {                         
                        console.log($(e).val()); // prints the old model values.
                     });
                 },100);
            }

       }
    }
}]);

提前致谢。

我为这个jsfiddle

添加了一个小提琴

0 个答案:

没有答案