javascript - 独立使用 AngularJS 指令和 $scope

标签 javascript angularjs angularjs-directive compatibility

首先介绍一下背景:

直到最近,我主要致力于轻量级、单页 Angular 应用程序的开发,但最近几天开始开发一个新的 Tapestry+Backbone 项目。而且感觉很麻烦

无论是否选中复选框,只要禁用按钮都会导致属性、函数和调用的迷宫般的噩梦,可以通过简单的 ng-if 来解决。

我意识到这可能是一个坏习惯,而且我的编程技能还远远不是最好的,但是能够使用古老的 ng-if、ng-repeat、ng-class 确实会帮助这个过程。另一方面,我无法选择将整个应用程序重建为 Angular 应用程序。

有没有办法将 Angular 指令和 $scope 方法添加到非 Angular 项目中?这会导致兼容性问题吗?

最佳答案

是的,为了添加 Angular 指令,必须引导应用程序并将其注入(inject)系统,Angular 才能工作。 Angular 被设计为按需工作的基础。但是,从架构上来说,不建议这样做。

ng-appapp.js 来启动应用程序,除了应用程序的一些 SPA 功能之外,所有内容都应该可以工作。

这是一个使用 jQuery 和 Angular 的示例:

http://henriquat.re/directives/advanced-directives-combining-angular-with-existing-components-and-jquery/angularAndJquery.html

关于javascript - 独立使用 AngularJS 指令和 $scope,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38733210/

相关文章:

javascript - 如何使用 bootstrap 在所有 4 个选项卡上复制相同的导航菜单?

angularjs - 如何在 Angular 指令中对按键事件进行单元测试

angularjs - 如何在 AngularJs 中的指令内修改范围

javascript - $scope.$watch inside 指令在它应该的时候没有被调用

javascript - 如何从内容配置中获取文件名

javascript - 对未知嵌套对象进行类型保护

html - 错误 : [$injector:unpr] Unknown provider: tProvider <- t <- myActiveLinkDirective mean? 是什么意思

javascript - 无法访问 Angular 自定义指令链接函数中的 attr 数据

javascript - 是否可以在 Ajax 中使用代理?

javascript - AngularJS : get translate key in app. js