AngularJS进阶(十四)AngularJS灵异代码事件_angularjs 14 项目(3)

最后

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

<a class="btn btn-success btn-sm" id="butAdd" ng-click="doAdd()">新增药店</a>
//路由至新增药店
$scope.doAdd = function(){
alert("SHQ");
$state.go('SHQ');
};

提示错误如下:

Could not resolve ‘SHQ’ from state ‘shopManag’

把路由中的shop_set_dtl.html页面注释掉,居然还能路由!地址居然还显示!如何是好?

这个问题已经超出了自己的能力范围,实在是没有办法!

真相大白

呵呵…不要管我,让我哭会!为自己的过错哭会大哭

原来自己写有3个路由分别为router.js、router_sys.js、router.shop.js,我就纳了闷了,我说怎么该路由死活都不对呢,原来问题就出在第一个路由上。第一个路由中的路由这是自己给自己埋的一颗雷啊!雷区如下:

      //TODO(待考虑)
        /*-----------------------药店详情维护------------------------*/
        .state('shopDtlManag', {
            url: '/shopDtlManag/',
            views: { //注意这里的写法,当一个页面上带有多个ui-view的时候如何进行命名和视图模板的加载动作
                '': {
                    templateUrl: 'sys_tpls/rightInfoList.html'
                },
                'sys_banner@shopDtlManag': {
                    templateUrl: 'sys_tpls/sys_banner.html'
                },
                'rightContent@shopDtlManag': {
                    templateUrl: 'sys_tpls/shop_set_dtl.html'
                }
            }
        }) 

这样就不难解释为何会出现以上灵异事件了。

将之替换为如下代码,问题迎刃而解!

        /*---------------------------新增药店-----------------------------*/
        .state('shopAdd', {
            url: '/shopAdd/',
            views: { //注意这里的写法,当一个页面上带有多个ui-view的时候如何进行命名和视图模板的加载动作
                '': {
                    templateUrl: 'sys_tpls/rightInfoList.html'
                },
                'sys_banner@shopAdd': {
                    templateUrl: 'sys_tpls/sys_banner.html'
                },
                'rightContent@shopAdd': {
                    templateUrl: 'sys_tpls/shop_add.html'	// 路由至新增药店页面
                }
            }
        })

亡羊补牢

既然错误已犯,自己就要悔过了。必须得把这可盲雷拆掉!

不过看过代码,感觉这可暗雷不好拆除。当初自己是本着药店端和后台管理端可以分开登录来设计的。

当初的项目需求是实现两个管理端分别进入自己的登录界面,分别为index_sys.html和index_shop.hml。而自己起初是将两者置于一起的,后来为了分离后,应对交易调用错误如何处置的情况,故保留了index.html。

拆雷时,须将index.html与router同时拆除。

其实,经过对比发现router_sys.js与router.shop.js的唯一不同之处在于以下划红线部分代码:

 $stateProvider

        .state('index', {

            url: '/index',

            views: {

                '': {
#### 总结

*   对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。

**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

*   算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈...(最好多刷一刷,不然影响你的工资和成功率????)

*   在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。



*   要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!



![](https://img-blog.csdnimg.cn/img_convert/41a409bca685b4ea0e0aa1a5589c3e09.png)



第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。**如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说**,人嘛都会有苦恼的~

祝大家都有美好的未来,拿下满意的 offer。

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值