angularjs 去往其他页面，目标页面controller中的方法无法自动加载

最新推荐文章于 2020-11-02 16:19:31 发布
最新推荐文章于 2020-11-02 16:19:31 发布
阅读量1.2k 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kkliu201210/article/details/48013495
版权

angularjs  去往其他页面，目标页面controller中的方法无法自动加载：

如下，就无法执行，报错方法undifined

.controller(xxxx,function(xx,xx,xx)

if(xxxx){

&scope.function_a();

}

&scope.function_a(){

xxxxxx;

}

})

原因：

controller中的内容是按照顺序加载的，所以先加载的if，然后再function_a

所以报function_a没有定义

解决办法：

将function_a放到if前面就行了


笨小康
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJs根据访问的页面动态加载Controller的解决方案
10-24
主要介绍了AngularJs根据访问的页面动态加载Controller的解决方案,需要的朋友可以参考下
避免js重复加载的问题
zinbin的博客
02-26 4864
在日常开发中，一个页面加载另一个页面的时候，就会把另一个页面的js也会加载进来，那么如何才能避免被加载页面不再重复加载已经加载过的js呢？ 先上代码 动态加载js // 加载js function loadJS(url, callback) { var script = document.createElement('script'), fn = callback || f...
bootstrap 和angularjs 前端框架 当前页弹出框里按钮跳到另一个页面，新页面无法点击操作
xfy2015的博客
11-28 741
bootstrap 和angularjs 前端框架 当前页弹出框里按钮跳到另一个页面，新页面无法点击操作 这是因为在上一个页面里的遮罩层没有去掉， 在新页面加载方法时写下 // 去掉遮罩层 $(".modal-backdrop").remove(); $("body").removeClass('modal-open'); 这样在新页面中就可以点击了...
angularJS 路由加载js controller 未定义 解决方案
weixin_33795806的博客
03-20 280
2019独角兽企业重金招聘Python工程师标准>>> ...
解决angularjs有时无法刷新数据的情况
if_config的博客
01-10 836
解决angularjs有时无法刷新数据的情况，控制器中添加下列函数；当遇到异步请求等情况导致的数据无法刷新，调用下列函数 $scope.safeApply = function(fn) { var phase = this.$root.$$phase; if (phase == '$apply' || phase == '$digest') { if (fn && (typeof(fn)
使用AngularJS来实现HTML页面嵌套的方法
12-29
HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式： 使用Ajax – 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。 使用服务器端包含 – JSP，PHP等Web端服务器技术...
AngularJS实现controller控制器间共享数据的方法示例
01-21
本文实例讲述了AngularJS实现controller控制器间共享数据的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html ng-app=myapp> <head> <title>www.jb51.net 控制器间共享数据</...
springMVC如何将controller中数据传递到jsp页面
10-19
主要介绍了springMVC如何将controller中数据传递到jsp页面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Angular8 路由跳转提示无法加载路由
朝花夕拾的博客
11-02 1176
我的错误原因是路径前面没有organization，路径没有写全导致无法加载路由
[angularJS]我的第一个angularJS应用——解决不执行controller的代码
nocturne1210的专栏
01-19 1333
第一次试写，很简单，但也弄了很久，现在把代码贴出来 testAngular.html {{ phone.name }} {{ phone.num }} testControllers.js var app=angular.module('testApp',[]); app.controller("PhoneListCtrl",
angular controller不起作用解决方案
xuelang532777032的博客
09-04 3286
目前碰到不止controller 不执行，还有{{firstName+""+lastName}} 这种正常输出也不执行， 后面发现原因 也就是说 你ng-app可能重复定义了，检查下吧， 后面如果碰到其他可能原因会陆续更新这条wen'zhang
AngularJs实现表格点击不同字段排序的功能
潇湘夜雨
10-16 2233
主布局里面的代码 h2>我是购物车h2> div class="search"> input type="text" placeholder="输入关键字…" ng-model="serch"> button ng-click="moreDel()">批量删除button> div> table> thead> th>input type="checkbox"
AngularJs的controller 多次执行问题
qbian的博客
04-12 5338
在路由配置信息里： myApp.config(['$routeProvider', function($routeProvider) { // 路由配置 $routeProvider .when('/login', { controller : 'login' , templateUrl : './model/login.htm...
AngularJS实际项目应用——Controller层介绍
Challenge Next Challenge
02-17 1366
在这个angularjs的项目里，我把controller分类两类，一个是页面级别的controller，一个是对话框级别的controller。页面级别的controller就是用户直接点菜单，路由到某个页面，需要用到的。对话框级别的就是在页面中使用bootstrap对话框组件需要的controller。 页面级别controller define(['require','angular',
AngularJS动态加载Controller
Mr_rencp的博客
04-13 1827
我们把实现动态加载Controller方法封装到一个通用的模块里面，并命名这个模块为ngCommon。(function (angular) {'use strict'; var CommonApp = angular.module('ngCommon'); ... })(angular);接下来我们实现一个动态加载js的方法$require。/* 记录已加载的js */ var ...
外部js调用Angular控制器中的函数方法或变量用法示例
...
11-22 2727
<!DOCTYPE html> <html ng-app="myApp" id="myApp">   <meta name="viewport" content="width=device-width" />   Test   <script src="~/Content/Js/Plugins/AngularJS/angular.m
深究AngularJS——AngularJS中的Controller(控制器)
爱雨轩
02-15 5034
先看个示例 <div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-model 指令用于双向绑定输入域到控制器的属性 --> 第一个数字: <input type="text" ng-model="first"><br> 第二个数字: <input type="text"
写一个页面，使用thymeleaf引擎，点击按钮跳转到controller方法中
最新发布
03-24
很高兴回答你的问题！以下是使用Thymeleaf引擎编写页面，并使用按钮跳转到控制器方法的示例代码： HTML代码： ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <body> <h1>欢迎来到我的页面！</h1> <button type="button" onclick="location.href='/controller'">跳转到控制器方法</button> </body> </html> ``` 在这个示例中，我们创建了一个HTML页面，其中包含一个按钮，当用户单击它时，将跳转到名为"controller"的控制器方法。 Java代码： ``` @Controller public class Controller { @GetMapping("/controller") public String controllerMethod() { return "redirect:/success"; } @GetMapping("/success") public String successMethod() { return "success"; } } ``` 在这个示例中，我们创建了一个控制器，其中包含两个方法。第一个方法名称为“controllerMethod”，使用@GetMapping注释标记，它将在用户单击页面上的按钮时调用。该方法返回一个"redirect:/success"字符串，该字符串将导致重定向到"success"方法。第二个方法名称为“successMethod”，它也标记为@GetMapping注释。该方法返回一个字符串"success"，该字符串表示我们想要呈现的视图的名称。 最后，我们还需要在application.properties文件中添加以下信息： ``` spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html ``` 这将告诉Spring Boot从类路径中的“templates”文件夹中查找我们的HTML文件，并使用Thymeleaf引擎呈现它们。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值