Angular JS自定义表指令

时间:2014-03-10 17:10:47

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

在我正在研究的项目中,我有很多需要以不同方式显示的串行真/假数据。我一直在制定一个指令,它允许我传入模型,表头,并且这是一个棘手的部分,列数。

<serial-checkbox-table title="Title" columns="2" ng-model="items"></serial-checkbox-table>

我似乎无法让列参数得到尊重。我在链接阶段生成html的那一点构建了这个东西,但是我很难更新传递给指令的模型。

这是该指令当前状态的一个方面。

http://jsfiddle.net/peledies/2tVAe/

有人有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您需要的是$ scope。$ watch model变量。

这是你的旧感冒:

var model = $scope.$eval($attrs.ngModel);
...
// compile and write to dom

需要更新到

$scope.$watch($attrs.ngModel,function(newVal,oldVal) {
    //var model = $scope.$eval($attrs.ngModel);
    // can just take model value from watch function result
    var model = newVal;
    ...
    // compile and write to dom
});

这是你用这个逻辑更新的jsfiddle:http://jsfiddle.net/callado4/2tVAe/7/