gpt4 book ai didi

javascript - 如何动态加载 Angular Controller

转载 作者:行者123 更新时间:2023-12-03 08:30:30 24 4
gpt4 key购买 nike

我的应用程序有 10 个 View 和多个共享组件

--app
-------components
-------------home
-----------------homeController.js
-----------------homeDirective.js
-----------------home.html
.
.
.
-------shared
----------modals
------------someModal
--------------- someModalController.js
--------------- someModal.html

组件通过 Angular 路由加载

(function() {

'use strict';

angular
.module('app')
.config(appConfig);

function appConfig($routeProvider) {
$routeProvider.
when("/home", { templateUrl: "app/components/home/home.html", controller: 'homeController' })............
otherwise({ redirectTo: "/home" });
}
})();

不同组件中使用的模态,当主页包含所有脚本文件时,所有事情都可以工作。例如

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

</head>

<body ng-app="fleetCam" ng-controller="appController">
<div id="wrapper">

<div id="page-wrapper">
<ng-view>
</ng-view>
</div>
</div>
<!-- /#wrapper -->

<!-- jQuery -->
<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
<script src="Scripts/ngStorage.js"></script>



<script src="appMain/app.module.js"></script>
<script src="appMain/app.routes.js"></script>
<script src="appMain/app.services.js"></script>
<script src="appMain/app.directive.js"></script>


<script src="appMain/components/home/homeController.js"></script>
<script src="appMain/components/home/aboutController.js"></script>
<script src="appMain/shared/modal/insert/insertController.js"></script>

我正在寻找一种方法来动态删除最后三个脚本标签和加载 Controller 或其他依赖项。我搜索了很多有关延迟加载的信息,但没有人在我的上下文中工作,尤其是当我添加共享组件时。

最佳答案

您可以使用官方 Angular-Seed 存储库中异步部分的模式:https://github.com/angular/angular-seed/#loading-angular-asynchronously

https://github.com/angular/angular-seed/blob/master/app/index-async.html

这依赖于 ded/script“异步 JavaScript 加载器和依赖项管理器”https://github.com/ded/script.js

关于javascript - 如何动态加载 Angular Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33353777/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com