AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
Angular建立待办事项应用
建立路由 接前一小节，在src/app/app.component.html把login组件去掉 第一步： 在src/index.html指定基准路径 浏览器会根据这个路径下载css，图像，js文件，所以语句要放在header的最顶端 <base href="/">  第二步： 在src/app/app.module.ts引入RouterModule import { RouterModule }
Angular待办事项应用2
todo组件 接上一篇，在根目录创建todo组件 命令行输入：ng g c todo 得到  文件结构     修改默认路由为todo：   然后打开浏览器：http://localhost:4200/ ，查看，todo组件已经ok    todo实体类 我们希望todo页面有一个输入待办事项的输入框，一个显示待办事项的状态列表 首先定义todo的结构 id：主键，唯一 desc：描述 compl
AngularJS 指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值（比如输入
angular-使用iframe做独立页iframe传值到angular和iframe里请求后台数据
这个方法使用过两次。一次是在项目中嵌入一个表达式生成器。因为用别人做好的网页变成组件很难，而且里面用了jq，与angular思想相反不能用。另一次是因为想要单独引用样式。而innerHTML使用的样式放在组件css里不生效。放在assets里又影响全局样式。所以使用iframe。 第一种是在iframe页中获取我需要的值传回angular页。另一种是将后台请求参数传向iframe页。在iframe
Angular待办事项应用4——模拟web服务
内存服务器 angular提供了一个快速建立测试用的web服务方法，内存服务器（in-memory），让我们不用等待后端开发的进度 安装npm包 npm install --save angular-in-memory-web-api 　　 构建数据模型 在todo文件夹创建文件todo-data.ts import { InMemoryDbService } from "angular-in-
Angular Material用Autocomplete打造带层级分类的DropDown
效果如下图   代码实现 1、导入模块 　import {MatAutocompleteModule} from ‘@angular/material/autocomplete‘; 　@NgModule({    　 imports:[     　    MatAutocompleteModule  　   ] 　}) ２、编写List内容 this.memberNameList = [ 　　 {
AngularJS路由
1、AngularJS路由         允许我们通过不同的URL访问不同的内容，可以实现多视图的单页WEB应用。 URL的形式为http://runoob.com/first/page,但在单页Web应用中AngularJS痛过#！+标记实现,例如： http://runoob.com/#!/first http://runoob.com/#!/second http://runoob.com
swiper在angularjs中使用循环轮播失效的解决方法
bug描述：我在anjularjs 中使用了swiper轮播图，通过动态获取到数据插入swiper-slide中，我在swiper初始化中设置了loop(循环),但是在出现了一点小问题，swiper会失效，划不动，当我设置固定的数据通过ng-src 插入到swiper-silde中，会正常轮播，但是第一张图会出现空白。通过查询了资料，发现swiper和angularjs执行的机制是不同的，swip
angularjs 初始化方法执行两次以及url定义错误导致传值错误问题
1.初始化方法执行两次以上的问题 定义一个 route.如下所示： .state(‘main.channelQryDetail‘, { url:‘/channelDetail/:channelNo/:pageFlag‘, templateUrl:‘views/channel/channelDetail.html‘, controller: ‘channelDetailCtr‘, n
Angular5 UI post 请求 输出 文件下载
this.httpClient.post(url1, JSON.parse(data1) , {responseType: ‘blob‘}).subscribe(data => { const link = document.createElement(‘a‘); const blob = new Blob([data], {type: ‘appli
angularjs处理多个$http
本文引自：https://www.cnblogs.com/xiaojikuaipao/p/6017899.html 在实际业务中经常需要等待几个请求完成后再进行下一步操作。但angularjs中$http不支持同步的请求。 解决方法一： 在第一请求完成后发起第二个请求 $http.get(‘url1‘).success(function (d1) { 　　$http.get(‘url2‘).suc
angularjs中的Promise异步操作($q)
angularjs的Promise方式是自己封装了一个对象，$q <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>angularjs中的promise</title> <script src="https://cdn.staticfile.org/angular.js/1.5.5/
AngularJS 指令解析二
AngularJS 指令解析（二） 第一篇我们讲过了作用域（scope）这块内容，现在我们进入正题，讲AngularJS的指令。 什么是指令？ 这里我们引用官方的一句话： Custom directives to access the DOM: In AngularJS, the only place where an application should access the DOM is wi
基于angularjs的下拉选择框封装
一：UI产品交互图   二：实现包括的功能点 1：下拉框内容是表格，类似于一个弹窗 表格内容最多六行，超出的显示滚动条，表头固定。 支持键盘上下键，进行当前项的选择 支持键盘的enter选择键，并支持回调函数，进行页面的数据绑定 支持加载后台数据 支持绑定指令的input框对数据的搜索功能 支持input框填写的内容的校验，如果内容是手写的，则清空，必须是从选择框内选择的（点击选择或者enter选
angularjs中的选项卡实例
angularjs中的bug ng-click,赋值，ng-repeat三个一起用会有bug 一个angularjs的选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>angularjs中的选项卡</title> <script src="https://cdn.staticfil
Angular和SAP C4C的事件处理队列
Angular 我们在Angular框架的代码里能看到一个名为processQueue的函数： 这个函数是通过$scope.$apply启动的： 核心代码位于一个for循环里，循环体是一个存储异步处理任务的队列asyncQueuePosition: for (var asyncQueuePosition = 0; asyncQueuePosition < asyncQueue.length; as
混合开发 Hybird Ionic Angular Cordova web 跨平台
混合开发 Hybird Ionic Angular Cordova web 跨平台 目录 目录 Ionic Ionic 简介 Ionic 和 Cordova/PhoneGap 的关系 零基础案例 环境配置 下载 淘宝镜像 cnpm 安装 ionic 查看 ionic 可以创建的模板 项目编写 创建 ionic 应用 添加Android平台： 构建应用 首页源码 应用的目录结构 Ionic Lab
AngularJS 服务(Service)
      AngularJS 中你可以创建自己的服务，或使用内建服务。 什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char
Angular 文件上传、下载
1. 文件上传 本地可同时选择多个文件 将本地所选择的文件列出来 单个文件上传至服务器； 删除本地选择的文件 样式使用了bootstrap的样式 1. html - file.component.html 文件上传按钮 文件列表(文件名称、状态、操作 - 删除、上传) <form class="form-horizontal" enctype="multipart/form-data">
angularjs知识点
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/angular.js/1.7.0/angular.min.js"></script> <script src="https:/
Angular
1. git clone git clone https://github.com/angular/quickstart ng4-quickstart 2. 双向绑定： 前端：<input type="text" ng-model="name"> <h1>Hello {{name}} {{address.city}}</h1> 后端：export class AppComponent {name
angular2 使用swiper
第一步： npm install swiper --save 第二步：下载swiper ts支持 npm install @types/swiper --save ts文件里： import swiper from "Swiper"; swiperSlide:any swiperw() { let ss = new swiper(‘.swiper-container‘, {
ionic4+angular6 混合移动开发 capacitor cordova
首先要更新或者安装 ionic cli npm install -g ionic 创建项目 ionic start ionic-angular tabs --type=angular   –type=angular 是需要多加的参数，现在官方只集成好了angualr 或许以后就会有 --type=vue  or --type=react 呢 新建好项目后你会发现，与ionic2 ionic3项目
angular关于select的留白问题
select留白问题 出现这个问题的原因主要是指令使用错误；使用select我们要放到其中的选项一般就两种：第一种是直接写好在select下，第二种是通过循环对象或数组绑定到select中。 　　　　　　　　第一种直接option：   　　　　　　　　第二种通过循环：   第一种情况出现留白的解决办法： 这种留白比较好解决有两种方案：第一种：像我上面贴的图片一样，给一个value为空的optio
前端三大框架Angular & React & Vue
前端三大框架： Angular【Google】：一套框架，多种平台移动端 & 桌面端。学会用Angular构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。 React【Facebook Open Source】用于用户界面构建的JAVASCRIPT库。 初步认识：react可以使构建交互UI的过程变得简单。对
用AngularJS开发下一代Web应用
AngularJS是一款来自Google的前端JS框架，它的核心特性有：MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板，以及对常用工具的封装，例如$http、$cookies、$location等。AngularJS框架的体积非常小，但是设计理念和功能却非常强大，值得前端开发者深入学习。 本书对AngularJS框架的核心特性做了全面的介绍，包括常用的开发工具和开发环境
Angular教程-02-Angular项目目录及基本文件说明
本教程基于Angular7,更新时间2018-11-05. 1. 项目根目录如下： e2e文件夹：end to end，测试目录，主要用于集成测试。 node_modules：项目的模块依赖目录。 src：项目的源代码。 .editorconfig：编辑器配置文件。 .gitignore: git版本控制时忽略的文件（此文件中配置的文件不纳入版本控制）。 .angular.json：angular
Angular7上手体验
准备工具 Node.js Angular requires Node.js version 8.x or 10.x. 查看当前你的node版本可以在CMD中输入 node -v npm -v 开发工具强烈推荐 visual studio Code 安装 agular_cli npm i -g @angular/cli 新建工程 用CLI命令建立 ng7demo ng new projectNam
angular1 打开文件 并另存为文件的读取与写入
最近有个需求，在页面上有个按钮可以选取文件然后在导出到其它地方， 说明白点就是文件的读取与写入，下面是例子（例子中用到了fileSave.js github地址：https://github.com/eligrey/FileSaver.js） 首先引入fileSave.js    import ‘../../../lib/file-saver/dist/FileSaver.min.js‘; htm
AngularJs 文件上传实现Multipart/form-data 文件的上传
<!-- 上传yml文件 --> <div class="blackBoard" ng-show="vm.showUpop==true"></div> <div class="updaYMLpop" ng-show="vm.showUpop==true"> <div class="title">新建服务容器<span ng-click="vm.showUpop=false">×</span
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native