2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

說明

本文主要說明，在angularJS框架使用中，angularJS 路由加載js controller 未定義 解決方案。

路由 $routeProvider 異步加載js

路由的基本用法，請(qǐng)查看官方文檔，下面實(shí)例只說明，懶加載用法。

實(shí)例使用版本:

angularJS:1.7.6

ocLazyLoad:1.1.0

片段說明

通過路由懶加載js，需要引用第三方ocLazyLoad庫加載，并且修改被加載腳本代碼，防止控制器出現(xiàn)未定義現(xiàn)象。

定義 ocLazyLoad 庫

angular.module("app_name", ['ngRoute','ngSanitize','oc.lazyLoad'])

路由設(shè)置

angular.config(['$routeProvider', function($routeProvider){$routeProvider// 路由示例圖.when('/',{// 模版地址templateUrl:'/PC/Public/Template/CustomerData.php',// 控制器名字controller:'controller_name',// 依賴請(qǐng)求resolve: {// 調(diào)用 ocLazyLoaddeps: ['$ocLazyLoad',function (e) {return e.load(['/PC/Public/Template/L/L0/CustomerModel/CustomerData.js']);}]}}).otherwise({redirectTo:'/'}); }]);

被加載js代碼

// 添加指定 app 名稱，防止出現(xiàn)未定義控制器 angular.module("app_name").controller("controller_name", ["$scope", function ($scope) {console.log("$scope");}]);

轉(zhuǎn)載于:https://my.oschina.net/u/3756690/blog/3025357

總結(jié)

以上是生活随笔為你收集整理的angularJS 路由加载js controller 未定义 解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。