【Angular实现预加载延迟模块实例分享】教程文章相关的互联网学习教程文章

javascript-AngularJS-如何从ui路由器引用子模块控制器?【代码】

我在Angular 1.3.9应用程序中拥有子模块有些挣扎.我在http://plnkr.co/edit/XBfTPAGRRe0CWJgjGJzc?p=preview处有一个(无法正常工作,很抱歉)预览,我认为这很奇怪,部分原因是我在使用Restangular. 我有以下几点:angular.module('estimate', ['ui.router', 'restangular', 'estimate.project']) ;angular .module('estimate.project', ['ui.router']) .config(['$stateProvider', '$urlRouterProvider', '$locationProvider', functi...

javascript-找不到angular-translate模块’pascalprecht.translate’【代码】

我正在尝试将angular-translate添加到我的angular应用程序中.我遵循了以下简单快速入门指南:https://angular-translate.github.io/docs/#/guide,但是我的应用程序无法启动,因此出现以下错误:Uncaught Error: [$injector:modulerr] Failed to instantiate modulemyApp due to: Error: [$injector:modulerr] Failed toinstantiate module pascalprecht.translate due to: Error:[$injector:nomod] Module ‘pascalprecht.translate...

javascript-检查删除和更新ui angular ngResource模块【代码】

如何检查以下删除功能中的实际情况?每次删除时,它都会显示“成功”,但UI不会更新. 的HTML<md-content ><div id="main" class="well"><table cellpadding="20" class="table table-bordered table-striped"><tr><th ng-repeat="(head, value) in models[0]"><span>{{head}}</span></th></tr><tr ng-repeat="row in models"><td ng-repeat="(name, value) in row" ng-scope><span ng-click="" ng-bind="row[name]"></span></td><td ...

javascript-在Angular 2中以编程方式加载和卸载模块

我正在考虑将我用角度1编写的大型Web应用程序“ SPA”迁移到角度2, 该应用程序包含数百个模块,并且由于社区可以上传新模块,所以这个数目可以增加,因此就不必为每个部分加载每个模块了. 在AngularJs 1.x中,我设法以编程方式加载(使用$compile的延迟加载)和卸载(使用$destroy的)作用域和视图“模块”,并且一切正常进行. 所以,我的问题是如何在Angular 2中实现此目标(当前使用rc1)?如何动态加载模块,以及在用户完成后卸载模块?解决方...

javascript-将通用JS函数导入Angular模块【代码】

这里是Angular / Typescript newb的位. 我已经建立了一个导出的,帮助函数的JavaScript库,我知道它想导入到Angular组件中,并在这些组件的.html模板文件中使用. 这是我的Javascript库template-functions / data-types.ts:export const isNumeric = val => !Array.isArray(val) && (val - parseFloat(val) + 1) >= 0;这是我要导出的简单箭头功能: 将其导入组件的方法如下:import { Component, OnInit, Input } from '@angular/core...

Javascript-为什么AngularJS建议将服务,指令和过滤器放在单独的模块中?【代码】

在angular-seed-project中,过滤器,服务和指令位于不同的模块中.为什么?为什么不将它们全部粘在myApp模块下?angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives'])解决方法:引用自[1] “ …我们建议您将应用程序分成多个模块,如下所示: >服务模块,用于服务声明>指令模块,用于指令声明>过滤器模块,用于过滤器声明>以及依赖于上述模块的应用程序级别模块,以及其中包含初始化代码. 造成这种中断的原因...

javascript-AngularJS:如何将长控制器拆分为模块?【代码】

构建我的第一个有角度的应用程序,我不明白如何将代码拆分为较小的块.我只有一个长期运行的控制器,但是如果我尝试将代码分成不同的部分(控制器,服务等),则数据突然不再与视图绑定(即,我更新数据,但是更改了在视图/浏览器中未显示). 即.我有一个简单的应用程序,该应用程序连接到api以获取“书籍”列表,然后显示该列表,并允许用户使用分页导航,或获取一本书的更多详细信息,或更新书籍记录(编辑/删除). 我想将功能拆分为单独的控制器,例...

JavaScript-扩展angular-ui-bootstrap预输入模块【代码】

我正在使用angular-ui-boostrap的预输入组件让人们选择一个人的名字,或者如果不存在他们的选择,则添加一个新名字. 现在,我用自己的代码修改了getMatchesAsync:if(scope.matches.length < 4 || scope.matches.length == undefined){scope.matches.push({id: getMatchId(matches.length),label: 'Add New +',model: 'new'});}但是我意识到这不是一个好的长期解决方案,尤其是在更新组件时. 我应该在哪里放置代码,以及如何将其集成到组...

javascript-Angular:喷油器模块错误不断出现此错误【代码】

我正在制作一个有角度的应用程序,并且不断出现此错误: 未捕获的错误:[$injector:modulerr] http://errors.angularjs.org/1.4.9/ $injector / modulerr?p0 = webinarApp& p1 =错误…0c(https://code.angularjs.org/1.4.9/angular.min.js:19:463) 我将ngRoute模块的cdn包含在app.module中,定义了ngRoute,定义了一个新的$route提供者,包括了ng-view, 这是我的代码: App.jsvar webinarApp = angular.module('webinarApp', ['ngCoo...

javascript – Webpack 2和Angular 1:导出和导入模块【代码】

希望得到一些澄清,为什么以下不能按预期工作,希望,这是我可能忽略的一些简单.没有Webpack,当前的实现可以按预期工作. 理想情况下,我希望保持当前的实现,我觉得注册组件/控制器/等应该在自己的文件中完成,只需指向相关模块.但如果这不是最佳做法,我也希望看到另一个建议. 文件root.module是我定义根模块的地方,然后在root.component文件中我将组件添加到该模块. 不导入模块的当前实现://root.component.js 'use strict';var root =...

javascript – 如何修复在Angular 4中找不到模块’typescript’?【代码】

我使用@ angular / cli在3周前生成了Angular 4 app. 2周后,我尝试使用命令行“ng serve”运行它,但我在下面提示错误:Cannot find module 'typescript' Error: Cannot find module 'typescript'at Function.Module._resolveFilename (module.js:469:15)at Function.Module._load (module.js:417:25)at Module.require (module.js:497:17)at require (internal/module.js:20:19)at Object.<anonymous> (C:\Users\mypc\Documents\Ang...

javascript – 找不到Angular 6 setTimeout模块:错误:无法解析’timers’【代码】

我有个问题.我想在角度中使用setTimeout来在2秒后调用一个函数,但我得到了这个:ERROR: Module not found: Error: Can’t resolve ‘timers’; this is my function:login(user) {console.log(user.value);this.loginService.loginUser(user.value);// this.user = this.loginService.getUser();setTimeout(() => {this.user = this.loginService.getUser();}, 2000);if (this.user === undefined) {console.log('username or pass...

javascript – AngularJS中的模块究竟是什么?【代码】

我在AngularJS中是绝对新的,我发现在尝试理解它是如何实现MVC模式时遇到了一些困难. 所以我首先怀疑这个例子中我有2个文件: 1)index.htm:<!DOCTYPE html> <html lang="en-us" ng-app="angularApp"><head><title>Introduction to AngularJS</title><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta charset="UTF-8"><!-- load bootstrap and fontawesome via CDN --><link rel="stylesheet" href="//netdna.bootstrap...

javascript – AngularJS:我可以使用另一个模块中定义的过滤器吗?【代码】

我有一个角度项目,使用按模块类型原则构建:├── directives ├── services ├── filters │?? └── filters.js └── states?? └── home?? ?? ├── home.html?? ?? └── home.module.js我在filters.js中创建了一个自定义过滤器import angular from "angular";export default angular.module("app.filters", []).filter("removeStartingWithDollar", function(items) {var filteredItems = [];angular.forEach(i...

javascript – 使用Parse作为Angular2中的模块【代码】

我是Angular2和TypeScript的新手,我正在尝试将Parse导入我的应用程序.所以我使用npm install parse –save安装了parse作为节点模块,我可以在node_modules文件夹中看到parse文件夹.现在,在我的app.ts文件中,我正在尝试以下代码,但我不知道为什么这会给出错误.import {Parse} from 'parse';它给出了它的错误cannot find the module ‘parse’. 我也试过以下代码,import {} from 'parse'它没有错误,但我不知道如何使用Parse对象. 任何...