angularJS 路由加载js controller 未定义 解决方案

  说明
  
  本文主要说明,在angularJS框架使用中,angularJS 路由加载js controller 未定义 解决方案。
  
  路由 $routeProvider 异步加载js
  
  路由的基本用法,请查看官方文档,下面实例只说明,懒加载用法。
  
  实例使用版本:
  
  angularJS:1.7.6
  
  ocLazyLoad:1.1.0
  
  片段说明
  
  通过路由懒加载js,需要引用第三方ocLazyLoad库加载,并且修改被加载脚本代码,防止控制器出现未定义现象。
  
  定义 ocLazyLoad 库
  
  angular.module("app_name", ['ngRoute','ngSanitize','oc.lazyLoad'])
  
  路由设置
  
  angular.config(['$routeProvider', function($routeProvider){
  
  $routeProvider
  
  // 路由示例图
  
  .when('/',{
  
  // 模版地址
  
  templateUrl:'/PC/Public/Template/CustomerData.php',
  
  // 控制器名字
  
  controller:'controller_name',
  
  // 依赖请求
  
  resolve: {
  
  // 调用 ocLazyLoad
  
  deps: ['$ocLazyLoad',function (e) {
  
  return e.load(['/PC/Public/Template/L/L0/CustomerModel/CustomerData.js']);
  
  一、自旋锁简介
  
  通常情况下解决多线程共享资源逻辑一致性问题有两种方式:
  
  互斥锁:当发现资源被占用的时候,会阻塞自己直到资源解除占用,然后再次尝试获取;
  
  自旋锁:当发现占用时,一直尝试获取锁(线程没有被挂起的过程,也就没有线程调度切换的消耗);
  
  对于这两种方式没有优劣之分,只有是否适合当前的场景;具体的对比就不在继续深入了,如果你很感兴趣可以查看 《多处理器编程的艺术》 提取码:rznn ;
  
  但是如果竞争非常激烈的时候,使用自旋锁就会产生一些额外的问题:
  
  可能导致一些线程始终无法获取锁(争抢的时候必然是当前活跃线程获得锁的几率大),也就是饥饿现象;
  
  因为自旋锁会依赖一个共享的锁标识,所以竞争激烈的时候,锁标识的同步也需要消耗大量的资源;
  
  如果要用自旋锁实现公平锁(即先到先获取),此时就还需要额外的变量,也会比较麻烦;
  
  解决这些问题其中的一种办法就是使用队列锁,简单来讲就是让这些线程排队获取;下面我们介绍常用的两种,即 CLH 锁 和 MCS 锁;
  
  二、CLH 锁
  
  CLH 是 Craig、Landin 和 Hagersten 三位作者的缩写,具体内容在 Building FIFO and Priority-Queuing Spin Locks from Atomic Swap 论文中有详细介绍,大家可以自行查看;我们 JDK 中 java.util.concurrent.locks.AbstractQueuedSynchronizer 就是根据 CLH 锁的变种实现的;
  
  简单实现:
  
  public class CLH implements Lock {
  
  private final ThreadLocal<Node> preNode = ThreadLocal.withInitial(() -> null);
  
  private final ThreadLocal<Node> node = ThreadLocal.withInitial(Node::new);
  
  private final AtomicReference<Node> tail = new AtomicReference<>(new Node());
  
  private static class Node {
  
  private volatile boolean locked;
  
  }
  
  @Override
  
  public void lock() {
  
  final Node node = this.node.get(www.tiaotiaoylzc.com );
  
  node.locked = true;
  
  Node pre = this.tail.getAndSet(node);
  
  this.preNode.set(pre);
  
  while (pre.locked) ;
  
  }
  
  @Override
  
  public void unlock() {
  
  final Node node = this.node.get();
  
  node.locked = false;
  
  this.node.set(this.preNode.get(www.yongxinzaixian.cn));
  
  }
  
  }
  
  clh
  
  三、MCS 锁
  
  同样 MCS 是 John M. Mellor-Crummey 和 Michael L. Scott 名字的缩写,具体内容可以在 Algorithms for Scalable Synchronization on Shared-Memory Multiprocessors 论文中查看;
  
  简单实现:
  
  public class MCS implements Lock {
  
  private final ThreadLocal<Node> node www.suoLaieyuLe.com= ThreadLocal.withInitial(Node::new);
  
  private final AtomicReference<Node> tail = new AtomicReference<>();
  
  private static class Node {
  
  private volatile boolean locked = false;
  
  private volatile Node next = null;
  
  }
  
  @Override
  
  public void lock(www.michenggw.com) {
  
  Node node = this.node.get();
  
  node.locked = true;
  
  Node pre = tail.getAndSet(node);
  
  if (pre != null) {
  
  pre.next = node;
  
  while (node.locked) ;
  
  }
  
  }
  
  @Override
  
  public void unlock(www.ysyl157.com) {
  
  Node node = this.node.get();
  
  if (node.next == null) {
  
  if (tail.compareAndSet(node,www.bsyL157.com null)) {
  
  return;
  
  }
  
  while (node.next == null) ;
  
  }
  
  node.next.locked = false;
  
  node.next = null;
  
  }
  
  }
  
  clh
  
  总结
  
  以上的代码我已经测试过,大家可以直接拿下来自行实验;
  
  CLH 锁和 MCS 锁区别主要有两点:1. 链表结构的区别;2. 自旋对象的区别,CLH 是在前驱节点上自旋,而 MCS 是在自身节点上自旋;这里第二点才是最重要的,主要体现在 SMP(Symmetric Multi-Processor) 和 NUMA(Non-Uniform Memory Access) 不同的处理器架构上;这里大家可以自行 Google;
  
  .otherwise({redirectTo:'/'});
  
  }]);
  
  被加载js代码
  
  // 添加指定 app 名称,防止出现未定义控制器
  
  angular.module(www.shengbangyule178.cn"app_name"www.yongshi123.cn).controller("controller_name", ["$scope", function ($scope) {
  
  console.log("$scope");

转载于:https://www.cnblogs.com/qwangxiao/p/10567564.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/264480.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

求解哈夫曼编码Java实现,用Java实现哈夫曼编码解决方法

当前位置:我的异常网 J2SE 用Java实现哈夫曼编码解决方法用Java实现哈夫曼编码解决方法www.myexceptions.net 网友分享于&#xff1a;2013-01-08 浏览&#xff1a;13次用Java实现哈夫曼编码我有一个程序 但是运行结果不对 而且 也没有界面设计请各位高手帮忙修改下 用JAVA实…

mysql大数据优化要注意的细节

值得学习的东西&#xff0c;转载~1、对查询进行优化、应尽量避免全表扫描、首先应考虑在 where 及 order by 涉及的列上建立索引。2、应尽量避免在 where 子句中对字段进行 null 值判断、否则将导致引擎放弃使用索引而进行全表扫描、如&#xff1a;select id from t where num …

mssql sqlserver 不固定行转列数据(动态列)

mssql sqlserver 不固定行转列数据(动态列) 原文:mssql sqlserver 不固定行转列数据(动态列)转自:http://www.maomao365.com/?p5471摘要: 下文主要讲述动态行列转换语句&#xff0c;列名会根据行数据的不同&#xff0c; 动态的发生变化 -------------------------------------…

Linux自动备份脚本

今天网上一个朋友问了我一个shell的题目&#xff0c;让我帮他做下。下面是题目以及解题思路。题目&#xff1a;写作一个备份/etc目录的脚本&#xff0c;要求&#xff1a;将/etc目录下的所有文件cp到/var/backups目录下的以当天的日期命名的目录中例如&#xff08;/var/backups/…

wopi php,Office Online Server WOPI 接口

class WopiCheckFileInfo{//Boolean类型 指示wopi客户端可以连接到外部的微软服务提供额外的功能。如果该值为false&#xff0c;则wopi客户决不允许这样的连接public $AllowAdditionalMicrosoftServices false;//Boolean 类型&#xff0c;表示WOPI客户端允许连接文件中对于外部…

WebBrowser控件禁用超链接转向、脚本错误提示、默认右键菜单和快捷键

转载于:https://www.cnblogs.com/sjcatsoft/archive/2008/11/19/1336425.html

centos 6.x 64位 运行32位程序

缘由&#xff1a;使用luajit的程序编译为32位&#xff0c;在64位系统上执行安装如下&#xff1a;基础依赖 yum install glibc.i686可能的libstdc依赖 yum install libstdc.i686 若报版本不一致&#xff0c;请依次执行 yum install libstdc yum install …

主键与聚集索引的区别

主键可为聚集索引也可为非聚集索引。 两者的比较 下面是一个简单的比较表 主键聚集索引用途强制表的实体完整性对数据行的排序&#xff0c;方便查询用一个表多少个一个表最多一个主键一个表最多一个聚集索引是否允许多个字段来定义一个主键可以多个字段来定义一个索引可以多个字…

在php里让字体划过变色,鼠标划过字体时如何用css来实现字体变色?(代码实测)...

当我们在浏览网页时&#xff0c;鼠标划过某段文字会出现变色效果&#xff0c;这就是css字体变色&#xff0c;一方面是为了主动吸引人用户目光去点击&#xff0c;另一方面是为了防止用户点击错其他文字段落。其实这种css鼠标经过字体变色的效果是非常容易实现的。只要你略懂css知…

使用svn进行版本控制

以前都是别人建好并配置好了svn&#xff0c;然后我使用。今天自己简单尝试了下建svn来管理项目文档。中间也遇到些问题。下面是我总结的一个完整流程&#xff0c;许多步骤可以有另外的方法来完成&#xff0c;但在这我都只给我认为比较简单的方法。 我使用系统是: Microsoft Win…

Android面试,BroadCastReceiver的两种注册方式的异同

在Android手机应用程序中开发中&#xff0c;需要用到BroadcastReceiver来监听广播的消息。在自定义好BroadcastReceiver &#xff0c;需要对其进行注册&#xff0c;注册有两种方法&#xff1a; 一种是在代码当中注册&#xff0c;注册的方法是registerReceiver&#xff08;recei…

php session_regenerate_id,什么时候以及为什么我应该使用session_regenerate_id()?

什么session_regenerate_id()啊就像函数名称所说的那样&#xff0c;它是一个函数&#xff0c;它将用新的ID替换当前的会话ID&#xff0c;并保留当前的会话信息。它有什么作用&#xff1f;它主要有助于防止会话固定攻击。会话固定攻击是恶意用户试图利用系统中的漏洞固定(设置)另…

DataTable的计算功能(转)

C#--详解DataTable的计算功能 using System;using System.ComponentModel;using System.Data;using System.Windows.Forms;namespace WindowsApplication1{public partial class Form1 : Form{public Form1(){InitializeComponent();}private void button1_Click(object sende…

Flink解析kafka canal未压平数据为message报错

canal使用非flatmessage方式获取mysql bin log日志发至kafka比直接发送json效率要高很多&#xff0c;数据发到kafka后需要实时解析为json,这里可以使用strom或者flink,公司本来就是使用strom解析&#xff0c;但是在吞吐量上有瓶颈&#xff0c;优化空间不大。所以试一试通过flin…

初识python之 APP store排行榜 蜘蛛抓取(一)

直接上干货&#xff01;&#xff01; 采用python 2.7.5-windows 打开 http://www.apple.com/cn/itunes/charts/free-apps/ 如上图可以见采用的是utf-8 编码 经过一番思想斗争 编码如下 &#xff08;拍砖别打脸&#xff09; #codingutf-8 import urllib2 import urllib …

什么叫做matlab的信号频谱分析,基于MATLAB的信号频谱分析及实现.doc

基于MATLAB的信号频谱分析及实现数 字 信 号 处 理课程设计题目&#xff1a; 基于MATLAB的信号频谱分析及实现学院&#xff1a; 信息工程专业&#xff1a; 通信工程班级&#xff1a; 1001学号&#xff1a; 2010013448&#xff0c; 2010013466姓名&#xff1a; 常珍珍 &#xff…

PP团队圣经巨著《Application Architecture Guide2.0》14章-数据访问层

第十四章 数据访问层指导 概览 这一章主要描述设计数据访问层时要注意的主要原则。它们覆盖了设计数据访问层遇到的通常问题及错误。下面的图表展示了数据层怎样嵌入一个通用的应用架构。 (cnblog我的图片一直上传不了&#xff0c;报Remote server Error,只能使用网络图片了) 数…

20个Flutter实例视频教程-第03节: 不规则底部工具栏制作-1

第03节: 不规则底部工具栏制作-1 博客地址&#xff1a; https://jspang.com/post/flutterDemo.html#toc-973 视频地址&#xff1a; https://www.bilibili.com/video/av39709290?p3 视频里面的评论&#xff1a;动态组件就是可以setState的组件 flutter create demo02的项目 这里…

javascript保留两位

//保留两位小数 //功能&#xff1a;将浮点数四舍五入&#xff0c;取小数点后2位 function toDecimal(x) { var f parseFloat(x); if (isNaN(f)) { return; } f Math.round(x*100)/100; return f; } //制保留2位小数&#xff0c;如&#xff1…

mysql内置的变量,MySQL服务器模式及相关内置变量

本章我们主要包含两部分的内容&#xff1a;MySQL服务器模式MySQL内置变量1. MySQL服务器模式不同的MySQL客户端可以通过不同的模式操作MySQL Server。DBA可以设置一个全局模式&#xff0c;而每个应用程序可以根据需要为相应的会话设置不同的模式。MySQL操作模式会影响到SQL的语…