Question

我试图在angularjs指令中包装jtable。但我无法运行它。它在jquery中运行良好，任何人都可以帮助我吗？

我的HTML代码是：

 <jtable></jtable>

我的角色代码是：

  myApp.directive("jtable",function(){
    return
    {
        link: [function(scope, el, attrs) {
            el.jtable({
                title: 'Table of people',
                actions: {
                    listAction: '/GettingStarted/PersonList',
                    createAction: '/GettingStarted/CreatePerson',
                    updateAction: '/GettingStarted/UpdatePerson',
                    deleteAction: '/GettingStarted/DeletePerson'
                },
                fields: {
                    PersonId: {
                        key: true,
                        list: false
                    },
                    Name: {
                        title: 'Author Name',
                        width: '40%'
                    },
                    Age: {
                        title: 'Age',
                        width: '20%'
                    },
                    RecordDate: {
                        title: 'Record date',
                        width: '30%',
                        type: 'date',
                        create: false,
                        edit: false
                    }
                }
            });
            (angular.element(el)).pluginActivationFunction(scope.$eval(attrs.jtable));
        }]
    };
});

Answer 1

您必须在指令中使用限制，例如：

限制：＆＃39; ACEM＆＃39;， link：function（scope，element，attrs）

你必须像任何一个属性，元素，类和评论或模型

一样

Answer 2

您必须在指令中使用限制，例如：

  restrict: 'ACEM', 
  link: function (scope, element, attrs)

你必须在视图中添加任何一个属性，元素，类和注释或模型：

 <div id="jtableConfiguration" style="margin-top:40px;" jtable-Configuration> </div>

这里＆＃34; jtableConfiguration＆＃34;指令名称。

如何在角度指令中包装jquery插件 - jtable.js？

2 个答案: