AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
Angular routing生成路由和路由的跳转
Angular routing生成路由和路由的跳转 什么是路由 路由的目的是可以让根组件按照不同的需求动态加载不同的组件。 根据不同地址，加载不同组件，实现单页面应用。 Angular 命令创建一个配置好路由的项目 命令创建项目 ng new demo02 --routing 　　 安装依赖 npm install 　　 启动项目 ng serve --open 　　 　　 与没有创建
[Angular] Introduction to Angular Internationalization (i18n)
To add translation to the application: <button (click)="onEditCourse()" i18n>Edit button</button> ‘i18n‘ is for Angular CLI to extract all the string which need to be translated.   Run: ng xi18n   It
推荐一套Angular2的UI模板
Core UI Core UI是一款基于Bootstrap4的UI模板，有html、angular2,react和vue版.我是在使用angular2版本中发现其项目结构不符合angular风格指南推荐，同时感觉有一些组件其也不太支持，所以便有了一个改造它的想法。 Daming-Core-UI 这是我基于core ui改造的angular ui模板，使用angular7.2.4,，在功能上与原版基
Angular动画——路由动画及高阶动画函数
一、路由动画 路由动画需要在host元数据中指定触发器。动画注意不要过多，否则适得其反。 内容优先，引导用户去注意到某个内容。动画只是辅助手段。 定义一个进场动画，一个离场动画。 因为进场动画和离场动画用的特别频繁，有一个别名叫:enter和:leave。 import { trigger, state, transition, style, animate} from ‘@angular/ani
单和双向绑定使用场景
问题提出 https://www.zhihu.com/question/49964363 vue或者angular的介绍里说自己的特色是双向数据绑定，而在看react的介绍中，说自己的优势和特色是单向数据绑定。   vue 和 angularjs支持双向绑定， 但是单向绑定是基本功能， 与react同基础。 那么什么情况下，使用单向绑定， 什么情况下使用双向绑定呢？   概念 https://ww
Angular+NodeJs+MongoDB搭建前后端程序
两种get请求传参方式 //angular 前端get请求 this.client.get(‘http://localhost:3000/id/tom‘).subscribe(data => { console.log(data); }); //nodejs后端响应 app.get("/id/:name", function (request, response)
[Angular] Angular i18n Alternative Expressions Support (select)
For example we have those code: <div class="course-category" [ngSwitch]="course.category"> <div class="category" *ngSwitchCase="‘BEGINNER‘">Beginner</div> <div class="categor
angular min js 118 Error ng areq http //errors angularjs
1、错误描述   angular.min.js:118 Error: [ng:areq] http://errors.angularjs.org/1.5.8/ng/areq?p0=username&p1=not%20a%20function%2C%20got%20undefined at Error (native) at http://127.0.0.1:8020/Angular
angularJs增加行的操作
<!-- 编辑窗口 --> <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" > <div class="modal-content">
angularjs 实现多个图片上传及预览
1 <div class="form-group"> 2 <label>上传申请单</label> 3 <ul class="list_img clearfix"> 4 <li ng-repeat="imageSrc in imgshows track by
Miniprofiler在swagger、vue、angular中的使用
 本篇分为以下几个部分： 1.Swagger的简单应用 2.Miniprofier的后台配置 3.跨域配置 4.在angular中显示Miniprofier 5.在vue中显示Miniprofier 6.在swagger中显示Miniprofier   Swagger的简单应用 1、首先新建一个Api项目   2、使用Nuget添加Swashbuckle.AspNetCore，我使用的版本为1.1
angular-ui-select
angular-ui-select <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="https://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" r
Angular 弹窗 控件
这个控件个人很喜欢，比起primgNG等弹窗组建，这款弹窗可以很轻松的定义自己的样式和布局。 可控参数有：宽度，高度，是否带有关闭图标，基本满足基础弹窗需求。 并且 Title/Content/Footer可以不强制三者并存。   调用组件方法如下： <popup-common *ngIf="showPupup" [width]="600" [height]="300" [closebtn]="t
Angular 动态添加、删除表单
一、嵌套表单动态添加删除 1. 静态表单嵌套 ------- 使用了ng-zorro (https://ng.ant.design/docs/introduce/zh) demo.component.html <form [formGroup]="formGroup"> <div> <label>名称: </label> <input type="te
如何解决angular不自动生成spec.ts文件
"schematics":{   "@schematics/angular:component": {        "styleext": "scss",      "spec": false     },     "@schematics/angular:class": {        "spec": false     },     "@schematics/a
Angular2+如何去除url中的#
最近，接到反馈说百度统计无法对#号后的URL进行分析，需要前端这边去掉URL中的#，下面我分享一下这个问题的处理过程。 1、Angular2+ 路由策略 1.1 HashLocationStragegy 通过hash实现，当url的hash发生改变时，触发hashchange注册的回调（低版本的浏览器没有hashchange事件，通过轮回检测url实现），回调中去进行不同的操作，进行不同的内容展示
angular引用echarts插件
 方法一 1. 命令行下载 npm install echarts --save npm install ngx-echarts --save 2. angular.json 配置echarts路径。 2. app.module中引用这个模块。   3.  组件页面中定义   4. 组件控制器使用     方法二 1. 下载echarts插件 2. 下载好的echarts.js 放到assets下
Angular.js开发环境搭建
1.搭建Angular开发环境 1）安装node.js a.下载解压版： b.解压压缩包 例如解压到E:\Node\node10.15.1 将解压目录配置到环境变量path 验证node和npm安装： c.解压目录下创建两个目录 node-global :npm全局安装位置 node-cache：npm 缓存路径 d.设置两个目录： npm config set prefix "E:\Node\n
angular – 使用TypeScript以编程方式检查Ionic 2单选按钮
可以说我有以下列表： <ion-list radio-group [(ngModel)]="autoManufacturers"> <ion-list-header> Auto Manufacturers </ion-list-header> <ion-item> <ion-label>Cord</ion-label> <ion-radio value="co
ng2-dragula [dragula](angular2拖放) – * ngFor与[dragulaModel]属性不起作用
使用ng2-dragula拖放包装库为角2 dragula. https://github.com/valor-software/ng2-dragula 看到[dragulaModel] =’myList’的问题…当项目被丢弃时……噗……它消失了. 检查元素,我看到它仍然在模型中,但DOM元素丢失其内部html(变为空div) – 导致div“显示”被隐藏. import { Component
如何使Angular-CLI在资源文件夹中将SCSS编译为CSS
我有一个Angular 4项目,使用angular-cli 1.0.x创建. 此时,angular-cli在我的项目中升级到1.1.1. 我有一个资产文件夹,当我在其中放入一个css文件时,可以使用它. 但是当我将css文件重命名为scss时,它不是由angular-cli编译的. 要将scss文件编译为css,我需要做什么？ 这是我的项目的package.json： { "name": "m
访问Angular2 JavaScript ES5组件中的元素
编辑：由于大多数评论迄今为止给了我的TypeScript解决方案,我觉得我需要重复一遍：使用 JavaScript ES5. 我想创建一个canvas组件,其中我根据bound属性绘制数据.如何使用JavaScript在Angular2中执行此操作？ 我使用角度1的方法是在指令中获取元素引用,但是我不知道这应该如何完成. 这是一种似乎有效的方法,但我觉得这样做之后要洗手： (function (a
单元测试 – Angular2组件：测试表单输入值更改
我有一个文本输入,我正在听取更改. mycomponent.ts ngOnInit() { this.searchInput = new Control(); this.searchInput.valueChanges .distinctUntilChanged() .subscribe(newValue => this.search(newValu
angularjs – 如何为单元测试提供模拟过滤器
我有一个具有这行代码的Controller var formattedDate= $filter('date')(dateColName,short); 我正在尝试单元测试这个控制器,我不清楚如何在我的代码中模拟日期过滤器. 在Angular中模拟过滤器时,需要在过滤器名称末尾添加“过滤器”,因为Angular存储过滤器类似服务,但在末尾添加“过滤器”.试试这个例子： var mockFilter
angularjs – 如何在JHipster中添加自定义查询？
我正在学习使用JHipster,无法弄清楚如何使用创建自定义查询. 在我的项目中,我有带有DeliveryDay和Week字段的Orders表,并且只想显示当周当天的订单. DeliveryDay和Week是int的值(1-7和0-2) 所以在OrdersRepository.java中我添加了这样的自定义查询： public interface OrdersRepository extends
angularjs – 如何从Angular2本地存储中保存和检索数据？
我能够在浏览器的localstorage中存储身份验证令牌,但我无法将其作为字符串检索.我找不到任何关于如何做到这一点的例子. 您可以自己编写一个服务来封装序列化和反序列化： export class StorageService { write(key: string, value: any) { if (value) { value = JSON
Angular2 RC5强制一个将组件导入移动到NgModule声明 – 为什么？
您以前在您的组件中已经在@Component()的指令,管道和提供程序中声明的任何import语句现在都必须被移动到@ngModule声明. 为什么是这样？ 我明白,要减少组件中的样板,但这对于在应用程序中多次重复使用的声明是有意义的. 对于只用于一个单一组件的指令,组件,管道或提供程序,似乎非常不必要,并且会导致@ngModules文件的沉重的膨胀. 在下面的链接中,在最后一步5中,它指出： F
Angular2：ERROR in Error遇到静态解析符号值
我使用angular / cli 1.3.2和Angular 4.4.0. 当我使用npm模块angular-split @ 0.2.2时,在编译期间我遇到了 ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the
angularjs – ng-map：单击它时如何获取Marker对象？
我正在使用非常酷的 ng-map库用于角度,我想知道如何访问由ng-map marker指令引用的基础标记对象 所以,我有这个标记： <div id="map-search" data-tap-disabled="true"> <map zoom="15" disable-default-u-i="true"> <marker ng-repeat=" pos in positions"
AngularJS有两个不同的$injectors
今天我发现,注入配置或提供商的$injector不同于注入服务,工厂或控制器的$injector. 而且这个$inject的get()函数的工作方式不同. 来自配置或提供商的$injector,无法获取()任何服务！ $injector.get(‘myService’)抛出错误：[$injector：unpr]未知提供者：myService,但$injector.has(‘myService’)返
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native