我对 AngularJS 还很陌生,并且遇到了当前的问题。
我的控制器中有以下内容
//Define the programs list table columns
$scope.programListColumns = "[{ Name: 'Name'},{ Status: 'Status'},{ CreatedByUserName: 'Created By'},{ ModifiedDate: 'Modified'},{ ModifiedByUserName: 'Modified By'}]";
我想用它作为我在 html 中的元素的列图,就像这样......
<table-helper datasource="programsList" columnmap="{{programListColumns}}"></table-helper>
我的指令非常广泛,但我基本上从我的数据源构建一个表,并使用我的列映射从中映射我想要的数据,如果有意义的话,为每个项目创建标题和行。
这是我的指令缩写了一点......
(function(){
var app = angular.module("MdfAngularApp");
var tableHelper = function() {
//Initiate variables for directive
//var template = '<div class="tableHelper"></div>',
var link = function(scope, element, attrs) {
var headerCols = [],
tableStart = '<table>',
tableEnd = '</table>',
table = '',
visibleProps = [],
sortCol = null,
sortDir = 1;
//Watch the datasource for changes.
scope.$watchCollection('datasource', render);
... Functions go here ...
return {
restrict: 'E',
replace: true,
scope: {
columnmap: '@',
datasource: '='
},
link: link,
}
};
app.directive('tableHelper', tableHelper);
}());
执行上述操作,我得到一个空字符串作为我的列图。
现在如果我把我的html这样
<table-helper datasource="programsList" columnmap="[{ Name: 'Name'},{ Status: 'Status'},{ CreatedByUserName: 'Created By'},{ ModifiedDate: 'Modified'},{ ModifiedByUserName: 'Modified By'}]"></table-helper>
并将我的隔离范围列映射属性更改为“=”,一切都很好。我只是想比这更封装一点。
任何帮助将不胜感激。