Angularjs 对剑道网格模板使用角度绑定

Angularjs 对剑道网格模板使用角度绑定,angularjs,data-binding,kendo-ui,kendo-grid,Angularjs,Data Binding,Kendo Ui,Kendo Grid,我使用剑道ui网格与角度。我希望网格随着数组(任何属性)的每次更改而更新。也就是说,如果我的数据是: this.rowData = [{ id: "1", name: "A", age: "16" }, { id: "2", name: "B", age: "42" }]; 年龄从16岁改为17岁我希望网格自动更新 我知道我可以使用ObservalArray,当更新可观测数据时,网格将被更新,但我不希望整个应用程序都知道可观测数据。我希望能够更新原始行数据并影响网格。有什么建议吗 我认为通过

我使用剑道ui网格与角度。我希望网格随着数组(任何属性)的每次更改而更新。也就是说,如果我的数据是:

this.rowData = [{ id: "1",  name: "A", age: "16" }, { id: "2", name: "B", age: "42" }];
年龄从16岁改为17岁我希望网格自动更新

我知道我可以使用ObservalArray,当更新可观测数据时,网格将被更新,但我不希望整个应用程序都知道可观测数据。我希望能够更新原始行数据并影响网格。有什么建议吗

我认为通过角度绑定向行或特定列添加模板会有所帮助,但事实并非如此,下面是一个示例:

function Controller(GridConstants) {
    this.rowData = [{ id: "1",  name: "A", age: "16" }, { id: "2", name: "B", age: "42" }];
    this.gridDataSource = new kendo.data.DataSource({
        data: new kendo.data.ObservableArray(this.rowData),
        schema: {
            model: { id: "id" }
        }
    });

    this.gridOptions = {
        dataSource: this.gridDataSource,
        selectable: "row",
        columns: [
                    {
                        field: "name",
                        title: "Name"
                    },
                    {
                        field: "age",
                        title: "Age",
                        template: "<label>{{dataItem.age}}</label>"
                    }
        ],
        selectable: "single"
    };
}
函数控制器(GridConstants){
this.rowData=[{id:“1”,name:“A”,age:“16”},{id:“2”,name:“B”,age:“42”}];
this.gridDataSource=new kendo.data.DataSource({
数据:新的kendo.data.observearray(this.rowData),
模式:{
模型:{id:“id”}
}
});
this.gridOptions={
dataSource:this.gridDataSource,
可选:“行”,
栏目:[
{
字段:“名称”,
标题:“姓名”
},
{
字段:“年龄”,
标题:“年龄”,
模板:“{dataItem.age}”
}
],
可选:“单个”
};
}

您可以尝试使用ng bind:

template: "<label ng-bind='dataItem.age'></label>"
模板:“
。。。 数据:rowDataObservable, ... //您需要使用rowDataObservable,这将起作用

rowDataObservable[0].age = 17;
rowDataObservable[0].age = 17;