-
Angular-cli 配置cnpm 来快速创建项目
所属栏目:[安全] 日期:2020-12-17 热度:136
Angular-cli 怎么搭建这里就不多讲了,给个连接https://my.oschina.net/mumu/blog/834254 这是大漠大大的视频教程 ng new projectName 可能会在 Installed packages for tooling via npm. 这里卡很久 有时候还会创建失败。 这时候 我们可以改变下 angular-cl[详细]
-
2015年需要了解的前端框架和语言
所属栏目:[安全] 日期:2020-12-17 热度:50
语言/平台 Node.js 第一,PHP 第二,JavaScript 第三。因为Node.js的社区很多,所以这个结果你也不用太意外。如果你知道JavaScript,你已经一只脚踏进了用Node.js来构建Web APP的可能。 框架 AngularJS处于框架的领导地位。大量的公司和企业已经采用 Angular[详细]
-
【Angular】——环境配置
所属栏目:[安全] 日期:2020-12-17 热度:132
下载安装nodejs 打开nodejs官网,点击绿色按钮,即可立即下载。 node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。 使用 node -v npm -v 能看到其版本信息则证明安[详细]
-
【Angular2】核心概念
所属栏目:[安全] 日期:2020-12-17 热度:97
Angular2 核心概念 组件 - Component 组件负责控制屏幕上的一小块区域,也就是视图 组件要素: HTML、Javascript、CSS 组件通讯机制: 组件间通过输入接口输出接口相互通讯 组件生命周期: 构造器初始化-第一次出发数据变化钩子-组件初始化-运行期间数据变化[详细]
-
【Angular】——创建启动Angular
所属栏目:[安全] 日期:2020-12-17 热度:69
创建angular2项目 直接在命令提示符中输入: ng new helloworld 为什么终止:此时angular2的基本文件已经全部创建,接下来是下载项目所依赖的nodejs包,用ng new angular-cli-project直接创建的话,默认用npm从国外网站下载资源,下载速度极慢,大约7分钟。此[详细]
-
angular2/4 树形结构菜单示例
所属栏目:[安全] 日期:2020-12-17 热度:132
树型结构 组件 import { Component,Input } from '@angular/core';@Component({ selector: 'app-tree',templateUrl: './tree.component.html',styleUrls: ['./tree.component.scss']})export class TreeComponent { // 超简单,重点: 接收上级的值 // 可以为[详细]
-
窗体 – 当窗体无效时使用AngularJS禁用提交按钮
所属栏目:[安全] 日期:2020-12-17 热度:185
我有这样的形式: form name="myForm" input name="myText" type="text" ng-model="mytext" required / button disabled="{{ myForm.$invalid }}"Save/button/form 您可能会看到,如果输入为空,则按钮将被禁用,但是当其包含文本时不会更改为启用。如何使它[详细]
-
angular+ui router+require
所属栏目:[安全] 日期:2020-12-17 热度:97
index.html ! DOCTYPE html html lang= "en" head meta charset= "UTF-8" title Title /title link rel= "stylesheet" href= "../lib/bootstrap/css/bootstrap.min.css" /head body div class= "container" a name= "a" ui-sref= "a" 123 /a a "#" id= "exam[详细]
-
Angular的12个经典问题,看看你能答对几个?(文末附带Angular测
所属栏目:[安全] 日期:2020-12-17 热度:93
-
前端每周清单:Webpack CLI 发布、Angular 5 可期待的新特性、解
所属栏目:[安全] 日期:2020-12-17 热度:85
-
angular-ui-tree
所属栏目:[安全] 日期:2020-12-17 热度:123
link rel= "stylesheet" href= "css/app.css" link rel= "stylesheet" href= "css/bootstrap.css" script src= "js/angular.js" / script script src= "js/angular-ui-tree.js" / script script type= "text/ng-template" id= "nodes_renderer" div ui-tree-[详细]
-
在使用angular2中使用nodejs创建服务器,并成功获取参数
所属栏目:[安全] 日期:2020-12-17 热度:66
老是遇到很多坑等着自己去填. 首先创建服务器: 1.最好使用express,这个库有更多的api,方法:npm install express --save; 2. npm install @types/express --save; 安装nodemon 可以让服务器自动重启, 方法:npm install nodemon; 在启动服务器的时候用:nodemon[详细]
-
jhipster 项目中使用textAngular
所属栏目:[安全] 日期:2020-12-17 热度:61
1、 cmd切换到项目根目录 2、输入命令bower install textAngular 3、index.html 添加textAngular文件引用 link rel='stylesheet' href='bower_components/textAngular/dist/textAngular.css' link rel='stylesheet' href='bower_components/font-awesome/css[详细]
-
AngularJS – 传递函数到指令
所属栏目:[安全] 日期:2020-12-17 热度:89
我有一个例子angularJS div ng-controller="testCtrl"test color1="color1" updateFn="updateFn()"/test/div script angular.module('dr',[]).controller("testCtrl",function($scope) { $scope.color1 = "color"; $scope.updateFn = function() { alert('12[详细]
-
angular + bootstrap
所属栏目:[安全] 日期:2020-12-17 热度:83
安装依赖包 #安装webpack npm install webpack -g #自动生成一个package.json文件 npm init #将webpack增加到package.json文件中 npm install webpack --save-dev #如果想要安装开发工具 npm install webpack-dev-server --save-dev npm install angular --[详细]
-
ionic3/ag4编写模仿京东商城的demo
所属栏目:[安全] 日期:2020-12-17 热度:103
ionic3 angular4 JD 使用 1.cnpm install或者使用npm install 2.ionic serve 3有需要使用android/ios平台 ionic platform add ios/android 4运行android/ios平台 ionic run android/ios 5.预览界面 6.可预览android版本apk 点击下载apk 7.源码查看 点击打开[详细]
-
AngularJS如何实现鼠标移入显示,鼠标移出隐藏的效果
所属栏目:[安全] 日期:2020-12-17 热度:164
在项目开发中,经常会用到鼠标移入显示,鼠标移出隐藏的效果,在angularjs中,主要使用了ng-mouseenter与 ng-mouseleave 这两个指令来实现鼠标的移入时显示,移出时隐藏的效果。 示例如下: !doctype htmlhtml ng-app="plunker" head meta charset="utf-8" ti[详细]
-
Angular Service入门
所属栏目:[安全] 日期:2020-12-17 热度:66
1.Angular内置service Angular为了方便开发者开发,本身提供了非常多的内置服务。可以通过https://docs.angularjs.org/api/ng/service查看AngularJS提供的内置服务。在企业级开发中,常用的服务有以下这些: $cacheFactory 缓存服务 $compile 编译服务 $filt[详细]
-
Angular中ngCookies模块介绍
所属栏目:[安全] 日期:2020-12-17 热度:87
1.Cookie介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的。硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期[详细]
-
理解 AngularJS $q service and promises
所属栏目:[安全] 日期:2020-12-17 热度:175
Angularjs中的“$q”和 http访问的promises对象经常见到,本文主要介绍AngularJS $q service and promises。 原文地址http://haroldrv.com/2015/02/understanding-angularjs-q-service-and-promises/ 介绍Angularjs $q service之前,我们需要了解promise是什[详细]
-
Angular-Cli 关于第三方样式引用问题
所属栏目:[安全] 日期:2020-12-17 热度:92
Angular 引用第三方样式,这里有个坑~~ 之前看视频说是 .angular-cli.json 文件中配置第三方样式库: 但是配置了怎么都不管用 后来查了下官方文档,才知道 现在所有的样式要在 styles.css 引用: 代码如下: @import "~font-awesome/css/font-awesome.min.cs[详细]
-
单元测试 – 在Angular返回模块中的测试服务未定义
所属栏目:[安全] 日期:2020-12-17 热度:80
我试图在我的项目中运行默认服务单元测试(从GitHub上的角种子项目),但我不断收到错误“模块未定义”。 我读过这可能是与referenced JavaScript files的顺序,但我似乎无法让它工作,所以希望你们中的一个可能能够帮助。 我的配置测试看起来像这样: basePat[详细]
-
AngularJS 获取接口数据
所属栏目:[安全] 日期:2020-12-17 热度:89
AngularJS是一款优秀的JS框架,使用的人数比较多,于是我也加入到项目里。 显示前几条新闻 HTML代码: script src="/scripts/jquery/jquery-1.10.2.min.js"/scriptscript src="/scripts/angularjs/angular.min.js"/script div class="new-content" ng-app="n[详细]
-
AngularJS ng-if="" 表达式
所属栏目:[安全] 日期:2020-12-17 热度:65
ul id="list" ng-app="scoreApp" ng-controller="scoreCtrl" li ng-repeat="h in list" a target="_blank" href="/Score/content.aspx?id={{h.id}}" title="{{h.title}}" img src="{{h.img_url}}" width="262" height="180" alt=""div class="title"{{h.titl[详细]
-
angularjs 文件上传
所属栏目:[安全] 日期:2020-12-17 热度:131
github连接地址:https://github.com/danialfarid/ng-file-upload 核心代码: html: div class="form-group" label源文件:/label input class="form-control h30 w356" ng-model="data.filePath"/ select class="form-control h30 w143" option value=""1/o[详细]