如何使用javascript / angularJs應用/防止覆蓋/覆蓋CSS /樣式？

Question

我是angularJs的新手。 需要在js文件級別/從js文件級別向組件分配css屬性。 在為組件分配CSS樣式后，我保留了調試器。 在調試器級別，我可以看到將所有應用於組件行為的css屬性都很好。 完成頁面加載后，我無法從js文件中看到已應用的CSS。 在我看來，可能是一些覆蓋/刪除CSS樣式。 如何使用angular / JavaScript / J查詢實現這一點，非常感謝。

這是我的代碼。

由AngularJS

angular.element.find('.ctp-textfield')[0].style.width = "75px !important";
angular.element.find('.ctp-textfield')[0]["ng-style"] = "{height: 75px}";

通過JavaScript

document.getElementById('Idname').style.width = "75px !important"; 

通過JQuery

$('#idname')[0].style.width = "75px !important";
$('#idname').style.width = "75px !important";

Answer 1

在Angular中進行DOM操作的方法是使用指令。 上面所有的代碼片段似乎都沒有在指令的link函數中運行，因此無法按您期望的方式工作（但沒有足夠的上下文可以告訴您正在執行的操作）。

看到：

• https://docs.angularjs.org/guide/directive
• http://www.sitepoint.com/practical-guide-angularjs-directives/
• http://www.ng-newsletter.com/posts/directives.html
• http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/
• https://github.com/angular/angular.js/wiki/Understanding-Directives