坚持角度和jquery

时间:2014-12-13 17:23:28

标签: jquery angularjs jquery-ui jquery-ui-sortable

使用mvc 4 web api项目。

索引中的

。我已经加载了所有必需的cshtml页面。 js文件....

订单是 在index.cshtml中,

jquery最新版本

jquery-ui最新版本

jquery-sortable

angularjs latest vesrsion

让我们在dashboard.html中说明

    <div>
     <table id="sortTable“>
       <tr>
           <td>first
           </td>
        <tr>
        <tr>
            <td>second
             </td>
        </tr>
    </table>
    </div>

我想制作可移动的TR。所以我添加了jquery-sortable。

角度控制器仪表板中的

。 JS

 dashboardCtrl{
 // controller is working..... dont wry abt it
$("#sortTable"). sortable ()..........    
} 

此行给出angularjs中的错误,可排序的是未知对象或其他东西......

我已将订单更改为

jquery

jQuery的UI

angularjs

jquery-sortable .....

仍然没有工作......

我也尝试了其他订单......

但没有任何效果...已经提出问题但没有回复......

帮助我..我想拖动行并使其在表格中移动。简而言之,想要重新排序表行......

应用ul ... li ....概念太...... .......

1 个答案:

答案 0 :(得分:0)

Angular实际上不是要像可排序的那样进行UI交互。但关于angular的好处是你可以编写允许你在DOM中执行该操作的指令。而且通常有人已经编写了一份指令,可以满足您的需求。

在你的情况下,我会研究这两个指令。

https://github.com/angular-ui/ui-sortable

https://github.com/codef0rmer/angular-dragdrop

两者都有详细记录且易于使用。只需进行安装,在应用程序中注入依赖项,然后就可以了!

相关问题