調用函數寫在jQuery中從angularjs

我想從我的角碼內部調用jquery函數。所以讓我們坐下，我有3個功能funcX(data)，被包裹在調用函數寫在jQuery中從angularjs

$(document).ready(function(){ 
..... 
})

現在funcX(data)需要一個參數data，我從一個角度得到的服務和funcY和funcZ做一些DOM操作funcY()和funcZ()。完成的DOM操作非常複雜，我不想將該代碼移植到角度。那麼我可以從角度調用這些函數嗎？

來源

2013-12-10 lovesh

jQuery的功能？我假設你的意思是JavaScript的功能。 '所以我可以從角度調用這些函數嗎？' - 你試過了嗎？如果是這樣，會發生什麼？它會產生錯誤嗎？ – BenM

它找不到函數 – lovesh

您是否定義了'$（function（）{}）'（即DOMReady事件）中的函數？ – BenM

如果你的函數的$(document).ready()裏面寫像這樣：

$(document).ready(function() { 
    function a() { 
     console.log("fun a"); 
    } 
})

那麼他們只在該塊內可見且不可訪問它的外面。假設你的函數實際上以任何方式使用jQuery，你可以將它們作爲全局jQuery函數或者jQuery方法添加到jQuery對象中。

將jQuery全局函數添加到jQuery對象本身。
將jQuery方法添加到jQuery.fn屬性中。

例爲兩種情況：或者

$.a(); // global functions are called from the jQuery object itself 
$.('.some-class').b(); // jQuery methods are called on selectors

，你可以在global object創建一個新的對象來存儲：

$(document).ready(function() { 
    jQuery.a = function() { 
     console.log("jquery global fun a"); 
     // do something with jQuery here 
    } 

    jQuery.fn.b = function() { 
     console.log("jquery fun b"); 
     // do something with jQuery here 
    } 
})

現在你可以使用這2個功能，像這樣您的應用程序的所有屬性和功能。如果您計劃在其中存儲非jQuery代碼，並且您的函數不打算作爲jQuery插件發佈，那麼它特別有用：

window.magicApp = {} 

window.magicApp.fun_a = function() { 
    console.log('fun a'); 
} 

// somewhere in your code 
magicApp.fun_a(); // works!

來源

2013-12-10 12:15:51

調用函數寫在jQuery中從angularjs

回答

相關問題