角JS自定义表指令

Question

在我正在做的项目中，我有很多串行的真/假数据需要以不同的方式显示。我一直在编写一个指令，该指令将允许我传递模型、表头，下面是比较棘手的部分，即列数。

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

我似乎无法使列参数得到尊重。我在链接阶段生成html的地方构建了这个东西，但是我很难更新传递到指令中的模型。

下面是指令当前状态的篡改。

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

有人有什么想法吗？

Answer 1

您需要的是model变量上的一个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
});

下面是您使用以下逻辑更新的logic：http://jsfiddle.net/callado4/2tVAe/7/