-
Angular4-在线竞拍应用-项目启动过程
所属栏目：[安全] 日期：2020-12-17 热度：91
查看.angular-cli.json { " $schema ": "./node_modules/@angular/cli/lib/config/schema.json" ," project ": { " name ": "auction" } ," apps ": [ { " root ": "src" ," outDir ": "dist" ," assets ": [ "assets" , "favicon.ico" ] ," index ": "index[详细]
-
Angular4-在线竞拍应用-引入第三方的库
所属栏目：[安全] 日期：2020-12-17 热度：55
引入第三方类库 进入到auction文件，在cmd中输入 cnpm install jquery --save ，save是将jquery的信息保存的在package.json文件中。或者在WebStorm中打开一个Terminal输入这个命令。 之后在输入 cnpm install bootstrap --save 都装好后，可以看看package.js[详细]
-
Angular4-在线竞拍应用-开发组件
所属栏目：[安全] 日期：2020-12-17 热度：122
在线竞拍项目要开发七个组件 执行命令 ng g component navbar 生成导航栏组件。(这个命令的全称是ng generate component navbar)想学习Angular CLI指令可以查看README.md文档，也可以访问https://github.com/angular/angular-cli/blob/master/README.md 然后[详细]
-
Angular4-在线竞拍应用-路由
所属栏目：[安全] 日期：2020-12-17 热度：50
angular是单页应用需要配置路由来实现页面跳转。 路由的例子 通过超链接导航 新建一个项目， ng new router --routing 然后用webstorm打开项目 生成项目时添加了–routing参数后， 会多生成一个app-routing.module.ts文件 import { NgModule } from '@angula[详细]
-
Angular4-在线竞拍应用-依赖注入
所属栏目：[安全] 日期：2020-12-17 热度：182
依赖注入：Dependency Injection 简称DI 注入器 constructor ( private productServie:ProductService) {...} 提供器 providers:[{provider:ProductService,useClass:ProductService}]providers:[ProductService]//如果provider和useClass一样可以简写成这样[详细]
-
Angular4-在线竞拍应用-数据绑定
所属栏目：[安全] 日期：2020-12-17 热度：125
使用插值表达式将一个表达式的值显示在模板上 h1 {{ productTitle }} / h1 使用方括号将HTML标签的一个属性绑定到一个表达式上 img [ src ]= "imgUrl" 使用小括号将组件控制器的一个方法绑定为模板上一个事件的处理器 button ( click )= "toProductDetail()"[详细]
-
Angular4-在线竞拍应用-响应式编程
所属栏目：[安全] 日期：2020-12-17 热度：172
可观察者Observable（流）：表示一组值或者事件的集合 观察者Observer：一个回调函数的集合，它知道怎样去监听被Observable发送的值 订阅Subscription：表示一个可观察对象，主要用于取消注册 操作符Operators：纯粹的函数，使开发者可以以函数编程的方式处[详细]
-
Angular中的动态组件加载
所属栏目：[安全] 日期：2020-12-17 热度：74
看了Angular官网Hero教程中的动态组件一节，然后还看了一篇讲的不错的文章，结合自己的理解，总结Angular动态组件加载如下： 首先我们抽象地考虑一下，动态组件加载需要哪些东西？首先你要加载的组件们应该定义出来，其次你需要一个可以挂载这些动态组件的容[详细]
-
angularjs – Angular JS和partials
所属栏目：[安全] 日期：2020-12-17 热度：126
是否可能嵌入html页面在另一个在angular js？ 如果是这样，怎么办呢？ Here在他们的教程，部分不嵌入页面，但它像你不同的页面，当你点击其中一个项目。 (see demo) 是的，你可以使用ngInclude指令。 请参阅这里的文档和示例：http://docs.angularjs.org/api[详细]
-
angularjs – 如何在角度1.5的子组件之间传递数据,不使用$scope
所属栏目：[安全] 日期：2020-12-17 热度：62
我以这种方式使一个包含3个子组件的组件： header-componentside-componentmain-component 主要组件包含英雄列表。 头部组件包含两个按钮，假定将主要组件上的视图切换到列表或网格视图。 我现在的问题是将数据从头部组件传递到主要组件。所以当我点击网格按[详细]
-
angular2 – Angular 2组件@Input不工作
所属栏目：[安全] 日期：2020-12-17 热度：123
我坚持试图传递一个属性值到我的组件。从我读过的一切看起来是正确的。但它仍然不工作。我的测试值输出到屏幕和控制台为null。[详细]
-
Angular4最佳事件一些规范问题
所属栏目：[安全] 日期：2020-12-17 热度：61
一.单一职责 Angular是基于WebComponents思想设计而来，所有核心概念包括组件、服务、指为都是遵循单一职责原则的，这龙员佳实践中很重要的一条，它有助于代码保持良好的可读性和可维护性，而且极大地方便单元测试。Anglar 应用中创建的所有组件、服务或者其[详细]
-
Rxjs实践技巧：从一个小案例说开去
所属栏目：[安全] 日期：2020-12-17 热度：194
接触Rxjs已经有一些时日了，只是一直没能真正实践过。最近工作上有个功能让我不得不对Rxjs进行更多深入的思考。其实Rxjs这个玩意儿从理论上就已经很难理解了，但是在实践中会发现更加棘手。 案例是这样的（见下图）：有个report页，它对应着若干个macro（姑[详细]
-
Angular4-在线竞拍应用-管道
所属栏目：[安全] 日期：2020-12-17 热度：154
p 我的生日是 {{ birthday }} / p birthday: Date = new Date (); 显示结果为 我的生日是 Sun Oct 01 2017 19 :31 :09 GMT +0800 (中国标准时间) 修改html p 我的生日是 {{ birthday | date }} / p 显示结果为 我的生日是 Oct 1 , 2017 还可以用多个管道，修[详细]
-
Angular4-在线竞拍应用-组件间通信
所属栏目：[安全] 日期：2020-12-17 热度：84
angular应用就是一个组件树 要创建松耦合的组件 组件通信的例子 新生成一个项目ng new demo2 或者通过webstorm，File，New，Project..，Angular CLI，然后把项目名改成demo2 因为要用双向绑定，在app.module.ts中添加 import {FormsModule} from '@angular/f[详细]
-
Angular4-在线竞拍应用-组件的生命周期
所属栏目：[安全] 日期：2020-12-17 热度：113
红色的被调用一次，绿色的会被调用多次。 这里分为了三个阶段，组件初始化阶段，变化检测，组件销毁。 会在组件初始化后看到组件，在变化检测阶段让属性值和页面展示保持一致。 变化检测中的四个方法和组件初始化中的四个方法是一样的。 一共只有9个方法。[详细]
-
Angular4-在线竞拍应用-ngContent指令
所属栏目：[安全] 日期：2020-12-17 热度：62
ngContent指令 新建项目demo6 新建组件ng g component child 投影，在某些情况下，需要动态改变模板的内容，可以用路由，但路由是一个相对比较麻烦的东西，而我要实现的功能没有那么复杂，，没有什么业务逻辑，也不需要重用。 这个时候可以用投影。可以用ngC[详细]
-
Angular4-在线竞拍应用-与服务器通信
所属栏目：[安全] 日期：2020-12-17 热度：103
创建web服务器 使用Nodejs创建服务器 使用Express创建restful的http服务 监控服务器文件的变化 用webstorm建立一个名为server的空项目 在文件中，执行命令npm init -y 执行cnpm i @types/node –save 在server中新建一个tsconfig.json { " compilerOptions "[详细]
-
优秀的前端工程师任务目标和实践
所属栏目：[安全] 日期：2020-12-17 热度：104
前端工程师的工作 目标 : 在设计师和工程师之间创建可视化的语言； 用可视化的设计，定义一组代表内容、品牌和功能的组件； 为 Web 应用程序的公约、框架、需求、可视化的语言和规格设定底线； 定义 Web 应用程序的设备、浏览器、屏幕、动画的范围； 开发一[详细]
-
angular2,4,5使用cookie保存用户数据
所属栏目：[安全] 日期：2020-12-17 热度：187
angular2-cookie 不要使用了，这个库已经废弃了，请大家使用ngx-cookie。 ngx-cookie在npm中的地址https://www.npmjs.com/package/ngx-cookie[详细]
-
angular $resource模块
所属栏目：[安全] 日期：2020-12-17 热度：101
讲到使用$http同服务器进行通信，但是功能上比较简单，AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。 安装 ngResource模块是一个可选的angularjs模块，如果需要使用，我们要单独引用js script typ[详细]
-
基于webpack构建的angular 1.x 工程（一）webpack篇
所属栏目：[安全] 日期：2020-12-17 热度：125
基于webpack构建的angular 1.x 工程（一）webpack篇 ??现在AngularJS都已经出到4.x的版本了，可我对它的认识还是停留在1.x的版本。 ??之前用它是为了搭配ionic来写web手机天气 应用（用来应付我大学里一门学科的课设的︿(￣︶￣)︿）。之后就因为它太难学而[详细]
-
基于webpack构建的angular 1.x工程（angular篇）
所属栏目：[安全] 日期：2020-12-17 热度：82
基于webpack构建的angular 1.x工程（angular篇） ??上一篇基于webpack构建的angular 1.x 工程（一）webpack篇里我们已经成功构建了整个项目的打包配置。接下来我们要继续让angular在工程里跑起来。 首先要知道怎么改写 之前的工程由于是用gulp打包的，具体原[详细]
-
angularjs – 如何运行grunt服务器在dist目录,而不是应用程序目
所属栏目：[安全] 日期：2020-12-17 热度：124
在Grunt建立我的AngularJS应用程序到我的dist目录后，我想用grunt服务器测试它。问题是，grunt服务器只是服务我的应用程序/目录中的所有代码。此外，请记住，我创建了我的应用程序与yo角。 这是我的Gruntfile.js中的服务器任务代码 grunt.registerTask('serv[详细]
-
如何在ng-click中使用angularjs触发另一个元素的点击事件？
所属栏目：[安全] 日期：2020-12-17 热度：76
我尝试触发 input type =“file”的点击事件元素从按钮。 input id="upload" type="file" ng-file-select="onFileSelect($files)" style="display: none;"button type="button" ng-click="angular.element('#upload').trigger('click');"Upload/button 它的[详细]
