-
AngularJS 中的 factory、 service 和 provider区别
所属栏目:[安全] 日期:2020-12-17 热度:161
初学 AngularJS 时, 肯定会对其提供 factory 、 service 和 provider 感到疑惑, 这三种都是提供服务的方式, 他们到底有什么区别呢? factory factory 可以认为是设计模式中的工厂方法, 就是你提供一个方法, 该方法返回一个对象的实例, 对于 AngularJS[详细]
-
angularjs 搭建WEB项目
所属栏目:[安全] 日期:2020-12-17 热度:68
angularjs-ey-ui angularjs 实现网页版前端框架搭建,通过开发引入自定义指令及工具,及懒加载实现方式适合快速开发大型管理系统。 源码地址 源码地址: https://github.com/toutouping... 主要功能 菜单 懒加载 组件化 路由切换菜单功能 效果展示 技术栈 an[详细]
-
angular2 – 属性’catch’在类型’Observable’上不存在
所属栏目:[安全] 日期:2020-12-17 热度:147
在使用Http服务的Angular 2文档页面上,有一个例子。 getHeroes (): ObservableStuff[] { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError);} 我克隆了angular2-webpack-starter项目,自己添加了上面的代码。 我导入了Obser[详细]
-
在angularJS单页应用中使用javascript打印div
所属栏目:[安全] 日期:2020-12-17 热度:108
我有一个单页面的web应用程序使用angularJS。我需要打印某个页面的div。 我试过以下: 该页面包含几个div(print.html) div div Do not print /div div id="printable" Print this div /div button ng-click="printDiv('printableArea');"Print Div/button/di[详细]
-
如何在AngularJS和HTML中制作滴答钟(时间)
所属栏目:[安全] 日期:2020-12-17 热度:135
我是一名初学者AngularJS / html用户,他一直在试图找到一个代码片段,为网络应用程序制作时钟/时间项。 网络搜索没有提供简单的结果,因为我期望他们的东西如此微不足道,所以我以为我会发布这个问题得到一些答案,也使这更容易找到别人。 我已经发布了我的[详细]
-
[Angular Directive] 输入框禁止为空字符串与自动去除空格指令
所属栏目:[安全] 日期:2020-12-17 热度:105
一、前言 input 输入框自带了 required 属性,用以表单验证,但是只要有字符,即使全为空格也能通过 required 验证,这无法满足一些应用场景,所以需要自定义一些指令,用来满足验证全为空格的输入。 在使用自定义的 Directive 修改 input 输入框值或属性时[详细]
-
《Angular5之too many symbolic links encountered》
所属栏目:[安全] 日期:2020-12-17 热度:195
前言: Angular升级为5已经有2-3个月了,由于项目的最佳实践是ng4,所以全局环境一直没变,因项目上线解决性能优化问题,将全局脚手架升级为1.5.5,默认匹配Angular应用是ng5,但依然可以运行ng4项目。目前培养前端接班人,为给他们讲解一些知识点,做demo,今[详细]
-
没有应用anglejs-ng-class
所属栏目:[安全] 日期:2020-12-17 热度:116
我有一个textarea包含要发布的消息和一个字符数仍然可用的跨度。 textarea name="" cols="" rows="" maxLength="{{maxMessageLength}}" ng-model="messageText"/div id="chatmessage-buttons" a ng-click="sendMessage()"spanInvia/span/aspan ng-class="{me[详细]
-
angular2 – Angular 2 QuickStart Live-server错误
所属栏目:[安全] 日期:2020-12-17 热度:119
我是新来的,我一直在努力学习更多关于angular2。 我已经按照入门指南创建了angular2-quickstart项目。 但是,当我运行命令npm启动时,浏览器启动,但一切都会在1秒后失败。 以下是我的npm错误日志文件的内容: 0 info it worked if it ends with ok1 verbos[详细]
-
利用angular4和nodejs-express构建一个简单的网站(一)——构建
所属栏目:[安全] 日期:2020-12-17 热度:67
学习了一段时间的angular4知识,结合以前自学的nodejs-express后端框架知识,做了一个利用angular4作为前端,node-express作为后端服务器的网站。这个网站的功能很简单,主要是为了体验一下angular4的各项功能。 现在这个网站做的差不多了,拿来和大家分享一[详细]
-
$scope vs var in AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:171
我一直在使用var和$ scope.varname,两者都可以在AngularJS中正常工作。我想知道两个功能之间是否有区别,哪一个使用最好的做法? 是! $ scope变量绑定到视图,其中var不是并且是在它被声明的函数的本地的! var x = 3;$scope.y = 3;{{x}} - undefined{{y}}[详细]
-
安装Angular CLI,准备学习Angular2
所属栏目:[安全] 日期:2020-12-17 热度:196
The Angular CLI is a tool to initialize,develop,scaffold and maintain Angular applications 初学Angular2,想使用官方推荐的方法初始化工程,并启动服务,打包,测试等。 在外网安装方法(China): 1.安装nodejs,当前版本nodejs8.9.4 npm5.6.0 2.Install[详细]
-
【Angular学习】Angular4 ng serve报错:ERROR in AppModule is
所属栏目:[安全] 日期:2020-12-17 热度:113
【错误信息图示】 【错误原因】 出现这个错误的原因是angular/cli自己依赖的那个版本和本地ts版本不一致的问题,ts版本过高会出现这个错误。 【解决办法】 第一步:卸载全局的ts npm uninstall -g typescript 第二步:安装2.2.2版本的ts npm install -g type[详细]
-
AngularJS – ng-if检查字符串为空值
所属栏目:[安全] 日期:2020-12-17 热度:130
这是一个简单的例子: a ng-if="item.photo == ''" href="#/details/{{item.id}}"img src="/img.jpg" class="img-responsive"/aa ng-if="item.photo != ''" href="#/details/{{item.id}}"img ng-src="/{{item.photo}}" class="img-responsive"/a 我看到它总[详细]
-
angularjs – 在使用grunt时找不到模块’karma’
所属栏目:[安全] 日期:2020-12-17 热度:65
我正在使用 Yeoman工具包引导一个 Angular Web应用程序。我已经遵循了 here提到的所有步骤。但是,显然,咕噜声找不到业力模块。它吐出这个错误: Loading "grunt-karma.js" tasks...ERROR Error: Cannot find module 'karma'Warning: Task "karma" not foun[详细]
-
Angular5 + Bootstrap4使用示例
所属栏目:[安全] 日期:2020-12-17 热度:120
前段时间Bootstrap发布4.0正式版。官网地址:https://getbootstrap.com/ 如何将Angular5与Bootstrap4结合使用呢? 使用Angular-cli初始化项目。 ng new my-project --style=scss 安装Bootstrap及需要的依赖 npm i bootstrap jquery popper.js --save-dev ;[详细]
-
angular1.x和angular2+并行,angular1.x 升级 angular2+方案
所属栏目:[安全] 日期:2020-12-17 热度:66
angular1.x 升级 angular2+ 方案 我给大家提供的是angular1.x和angular5并行,增量式升级方案,这样大家可以循序渐进升级自己的应用,不想看文字直接demo入手migration-from-angular1.x-to-angular2Plus 方案1:主体为angular1.x,逐步将angular1.x当中servic[详细]
-
angularjs – 如何在茉莉花中使用“Controller as”语法使用范围
所属栏目:[安全] 日期:2020-12-17 热度:62
我正在使用jasmine进行angularJS测试。在我看来,我使用“Controller as”语法: div ng-controller="configCtrl as config" div {{ config.status }} /div/div 如何在茉莉花中使用这些“范围”变量? “控制器”是指什么? 我的测试如下所示: describe('Co[详细]
-
angularjs – 为ng选项绑定选择元素设置所选值
所属栏目:[安全] 日期:2020-12-17 热度:105
小提示相关代码: http://jsfiddle.net/gFCzV/7/ 我试图设置一个下拉的选定的值绑定到一个对象的子集合在一个ng-repeat引用。我不知道如何设置所选的选项,因为我不能以任何我知道的方式引用绑定的集合。 HTML: div ng-app="myApp" ng-controller="SomeCont[详细]
-
angularjs – 如何在同一页面中运行两个单独的Angular js应用程
所属栏目:[安全] 日期:2020-12-17 热度:58
新到角我觉得我缺少一些明显的东西:我不应该很容易地在同一个html页面中运行单独的AngularJs应用程序(模块)?这样的东西: section ng-app="HelloWorldApp" ng-controller="HelloWorldController" Hello {{name}}! /section br / section ng-app="MyNameIsA[详细]
-
angularjs – 如何动态构建ng-include src?
所属栏目:[安全] 日期:2020-12-17 热度:112
我有以下代码: div ng-repeat="module in modules" id="{{module.Id}}" ng-include ng-init="bootstrapModule(module.Id)" src=""/ng-include/div 我想要像src一样在src中构建一个字符串: /modules/{{module.Name}}/{{module.Name}}.tpl.html 但我继续打路[详细]
-
在撰写CoffeeScript时,如何为AngularJS启用Webstorm Intellisens
所属栏目:[安全] 日期:2020-12-17 热度:187
我设置了Webstorm来识别和编译我的coffeescript文件。 我已经安装了AngularJS插件,可以成功地将我的控制器等写入简单的旧的javascript。 当我尝试在CoffeeScript中编写与角度相关的代码时,我没有得到任何IDE支持:代码完成,智能感知等。 作为一切都不好的[详细]
-
angularjs – 当位置更改时如何获取路线名称?
所属栏目:[安全] 日期:2020-12-17 热度:160
我定义了一些路线: angular.module('myApp',[]) .config('$routeProvider',function($routeProvider) { $routeProvider.when('/aaa',{ templateUrl: '/111.html' }) .when('/bbb',{ templateUrl: '/222.html'}); }); 而当用户更改路由时,我想获取路由名称[详细]
-
AngularJS Safari:当页面切换时,强制页面滚动到顶部
所属栏目:[安全] 日期:2020-12-17 热度:57
我使用AngularJS有一个奇怪的,徒步旅行的滚动行为。 每当用户在页面之间翻页时,页面被改变,就像他们是AJAX。我理解他们是在AngualrJS,但最终的行为是,当用户切换页面时浏览器不滚动到顶部。 我试图强制浏览器滚动到顶部每当一个新的控制器被使用,但它[详细]
-
anglejs – Angular.js ng切换 – 当不使用动态数据时?
所属栏目:[安全] 日期:2020-12-17 热度:157
我试图让Angular根据我的数据生成一个CSS滑块。我知道数据在那里,并且能够为按钮生成数据,但由于某些原因,代码将不会填充ng开关。当我检查代码,我看到这两次(我知道是正确的,因为我只有两个项目): div ng-repeat="assignment in assignments" ng-anima[详细]