
AngularJS
文章平均质量分 55
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
npm ERR! code ERR_STREAM_WRITE_AFTER_END
1、错误描述npm WARN deprecated circular-json@0.5.9: CircularJSON is in maintenance only, flatted is its successor.npm ERR! code ERR_STREAM_WRITE_AFTER_ENDnpm ERR! write after end2、错误原因 由于安装的...原创 2019-01-22 10:38:38 · 5412 阅读 · 0 评论 -
AngularJS之ng-show指令
1、问题背景 AngularJS的ng-show指令,当值为true,HTML元素显示;当值为false,HTML元素隐藏2、实现源码 AngularJS之ng-show指令 查询 老鼠 猫 {{flag}} 3、实现源码(1)勾选复选框 勾选复选框,按钮显示,单选框隐藏 (2)取消勾选复选框原创 2016-11-06 22:27:00 · 4618 阅读 · 0 评论 -
AngularJS之ng-disabled指令
1、问题背景 AngularJS中的ng-disabled指令绑定DOM,可以禁用HTML元素2、实现源码 AngularJS之ng-disabled指令 查询 老鼠 猫 {{flag}} 3、实现结果(1)勾选复选框‘ (2)取消勾选复选框原创 2016-11-06 22:00:41 · 6494 阅读 · 0 评论 -
ionic之底部bar-footer
1、实例背景 ionic标题是bar-header,副标题是bar-subheader,底部标题bar-footer2、实现源码 ionic之底部bar-footer var app = angular.module("footerApp",["ionic"]); app.controller("footerController",fun原创 2016-10-15 00:23:44 · 3227 阅读 · 0 评论 -
ionic之副标题bar-subheader
1、实例背景 ionic的标题是bar-header,副标题是bar-subheader2、实现源码 ionic之副标题bar-subheader var app = angular.module("subheaderApp",["ionic"]); app.controller("subheaderController",functio原创 2016-10-15 00:16:10 · 2383 阅读 · 1 评论 -
ionic之样式bar-dark
1、实例背景 ionic头部bar-header,设置样式bar-dark2、实现源码 ionic之样式bar-dark var app = angular.module("darkApp",["ionic"]); app.controller("darkController",function($scope){ $scope.d原创 2016-10-13 22:42:43 · 909 阅读 · 0 评论 -
ionic之样式bar-royal
1、实例背景 ionic头部bar-header,设置样式bar-royal2、实现源码 ionic之样式bar-royal var app = angular.module("royalApp",["ionic"]); app.controller("royalController",function($scope){ $sco原创 2016-10-13 22:39:22 · 958 阅读 · 0 评论 -
ionic之样式bar-assertive
1、实例背景 ionic头部bar-header,设置样式bar-assertive2、实现源码 ionic之样式bar-assertive var app = angular.module("assertiveApp",["ionic"]); app.controller("assertiveController",function($原创 2016-10-13 22:34:53 · 907 阅读 · 0 评论 -
ionic之样式bar-energized
1、实例背景 ionic头部bar-header,设置样式bar-energized2、实现源码 ionic之样式bar-energized var app = angular.module("energizedApp",["ionic"]); app.controller("energizedController",function($原创 2016-10-13 22:07:31 · 654 阅读 · 0 评论 -
ionic之样式bar-balanced
1、实例背景 ionic头部bar-header,设置样式bar-balanced2、实现源码 ionic之样式bar-balanced var app = angular.module("balancedApp",["ionic"]); app.controller("balancedController",function($scop原创 2016-10-13 22:01:24 · 949 阅读 · 0 评论 -
ionic之样式bar-calm
1、实例背景 ionic头部bar-header,设置样式bar-calm2、实现源码 ionic之样式bar-calm var app = angular.module("calmApp",["ionic"]); app.controller("calmController",function($scope){ $scope.c原创 2016-10-13 21:56:17 · 703 阅读 · 0 评论 -
ionic之样式bar-positive
1、实例背景 ionic头部bar-header,设置样式bar-positive2、实现源码 ionic之样式bar-positive var app = angular.module("positiveApp",["ionic"]); app.controller("positiveController",function($scop原创 2016-10-12 23:54:01 · 1233 阅读 · 0 评论 -
ionic之样式bar-stable
1、实例背景 ionic头部bar-header,设置样式bar-stable2、实现源码 ionic之样式bar-stable var app = angular.module("stableApp",["ionic"]); app.controller("stableController",function($scope){原创 2016-10-12 23:45:44 · 1207 阅读 · 0 评论 -
ionic之样式bar-light
1、实例背景 ionic头部可以利用bar-header,设置样式bar-light2、实现源码 ionic之样式bar-light var app = angular.module("tagApp",["ionic"]); app.controller("tagController",function($scope){ $sco原创 2016-10-12 23:29:10 · 844 阅读 · 0 评论 -
ionic之简单实例
1、实例背景 ionic是基于AngularJS,是一个框架。根据AngularJS双向绑定变量,动态获取值。2、实现源码 ionic之简单实例 var app = angular.module("tagApp",["ionic"]); app.controller("tagController",function($scope){原创 2016-10-12 22:43:15 · 3197 阅读 · 0 评论 -
AngularJS之ng-hide指令
1、问题背景 AngularJS的ng-hide指令,当其值为true,隐藏HTML元素;当值为false,显示HTML元素2、实现源码 AngularJS之ng-hide指令 查询 老鼠 猫 {{flag}} 3、实现结果(1)勾选复选框 按钮隐藏,单选框显示 (2)取消勾选复选框原创 2016-11-06 22:43:04 · 1594 阅读 · 0 评论 -
ionic之样式button-stable
1、实例背景 ionic按钮button,设置样式为button-stable2、实现源码 ionic之样式button-stable var app = angular.module("stableBtnApp",["ionic"]); app.controller("stableBtnController",function($sco原创 2016-10-18 22:12:35 · 1023 阅读 · 0 评论 -
ERROR Error: Highcharts error #13
1、错误描述2、错误原因 查找了下这个错误,由于图形容器无法找到,导致报这个错误3、解决办法(1)检查html文件路径(2)查看是否有对应的图形容器...原创 2018-09-09 11:30:11 · 8517 阅读 · 0 评论 -
如何下载Angular-Cli并下载运行项目
1、安装angular/clinpm install -g @angular/cli2、创建项目ng new hum3、切换路径cd hum4、运行项目ng serve --open5、查看项目原创 2018-07-06 13:11:25 · 1930 阅读 · 0 评论 -
Error: [$injector:nomod] Module 'dayApp' is not available!
1、错误描述angular.js:4920 Uncaught Error: [$injector:modulerr] Failed to instantiate module dayApp due to:Error: [$injector:nomod] Module 'dayApp' is not available! You either misspelled the module name原创 2017-05-12 21:17:16 · 4575 阅读 · 0 评论 -
angular2.js:2 Uncaught ReferenceError: System is not defined
1、错误描述angular2.js:2 Uncaught ReferenceError: System is not defined at angular2.js:2(anonymous) @ angular2.js:2http.js:2 Uncaught ReferenceError: System is not defined at http.js:2(anonymous原创 2017-05-10 19:36:22 · 3529 阅读 · 1 评论 -
Uncaught Error: [$injector:modulerr]
1、错误描述2、错误原因3、解决办法原创 2017-01-03 10:22:33 · 2325 阅读 · 0 评论 -
AngularJS之表格序号
1、问题背景 AngularJS表格需要序号,可以利用$index来作为序号2、实现实例 AngularJS之表格序号 table,th,td{ border-collapse: collapse; } table tr:nth-child(even){ background-color: #F7E1B5; }原创 2016-11-01 23:42:26 · 3118 阅读 · 0 评论 -
AngularJS之表格设置样式
1、问题背景 AngularJS表格table,利用样式设置表格间隔色2、实现源码 AngularJS之表格设置样式 table,th,td{ border-collapse: collapse; } table tr:nth-child(even){ background-color: #F7E1B5; }原创 2016-11-01 23:27:21 · 4554 阅读 · 0 评论 -
angular.min.js:107 TypeError: Cannot read property 'gc' of undefined
1、错误描述angular.min.js:107 TypeError: Cannot read property 'gc' of undefined2、错误原因3、解决办法原创 2016-08-27 08:58:17 · 12764 阅读 · 4 评论 -
ionic之切换开关
1、实例背景 ionic切换开关toggle,设置样式用的是toggle-calm、toggle-light等2、实现源码 ionic之切换开关 Java原创 2016-10-20 18:41:54 · 2604 阅读 · 0 评论 -
ionic之单选框
1、实例背景 ionic单选框用的是radio,设置样式item-radio2、实例源码 ionic之单选框 一月原创 2016-10-20 17:44:29 · 3412 阅读 · 0 评论 -
ionic之样式复选框
1、实例背景 ionic复选框用的是checkbox,checkbox有各种各样的样式2、实例源码 ionic之样式复选框 一月 二月 三月原创 2016-10-19 22:10:51 · 4763 阅读 · 2 评论 -
ionic之无序列表
1、实例背景 ionic无序列表利用的是ul-li实现,无序列表内容用的是AngularJS赋值,样式用class="list"和class="item"2、实现源码 ionic之无序列表 var app = angular.module("ulApp",["ionic"]); app.controller("ulControlle原创 2016-10-18 22:39:09 · 745 阅读 · 0 评论 -
ionic之样式button
1、实例背景 ionic中常见的按钮button,设置按钮样式用class="button",这个是设置普通样式2、实现源码 ionic之样式button var app = angular.module("buttonApp",["ionic"]); app.controller("buttonController",function(原创 2016-10-18 22:08:27 · 2969 阅读 · 0 评论 -
ionic之创建列表
1、实例背景 ionic创建动态列表,根据AngularJS赋值2、实现源码 ionic之创建列表 var app = angular.module("initApp",["ionic"]); app.controller("initController",function($scope){ $scope.users = [原创 2016-10-12 23:15:17 · 964 阅读 · 0 评论 -
AngularJS停止定时器
1、问题背景 设置一个定时器,给定两个变量startData和endData,计时开始后分别减去5和50;单击停止暂停定时器,重置后数据恢复到原来的数据。2、实现源码 AngularJS停止定时器 var app = angular.module("intervalApp",[]); app.controller("intervalControlle原创 2016-10-09 23:15:25 · 5901 阅读 · 0 评论 -
AngularJS之ng-controller指令
1、问题背景 ng-controller:该指令是用于AngularJS应用添加控制器2、实现源码 AngularJS之ng-controller指令 var app = angular.module("youApp",[]); app.controller("haiCon",function($scope){ $scope.studentN原创 2016-08-08 16:45:31 · 4529 阅读 · 0 评论 -
AngularJS之下拉框(方式三)
1、问题背景 一般情况下,下拉框分为值和描述,value绑定值,中间是描述2、实现源码 AngularJS之下拉框(方式三) body,html,div{ width: 99%; height: 99%; font-family: "微软雅黑"; font-size: 16px; } var app原创 2016-08-28 22:30:25 · 1776 阅读 · 0 评论 -
AngularJS之ng-model指令
1、问题背景 ng-model:把元素或变量绑定到应用程序2、实现实例 AngularJS之ng-model命令 {{student}} 3、实例结果原创 2016-08-06 22:54:45 · 1736 阅读 · 0 评论 -
AngularJS之ng-app指令
1、问题前景 ng-app:定义一个AngularJS的应用程序,受AngularJS的控制2、实现实例 {{'请输入用户名'}} 3、实现结果请输入用户名原创 2016-08-06 22:30:20 · 1297 阅读 · 0 评论 -
AngularJS变量无法显示
1、错误描述2、错误原因 {{username}} 3、解决办法原创 2016-08-06 21:29:56 · 3074 阅读 · 13 评论 -
AngularJS之定时器(interval)
1、问题背景 设置一个定时器,每1秒改变count变量2、实现源码 AngularJS之定时器(interval) var app = angular.module("inApp",[]); app.controller("inCon",function($scope,$interval){ $scope.count = 0; $i原创 2016-08-28 22:04:13 · 4622 阅读 · 0 评论 -
AngularJS之定时器(timeout)
1、问题背景 AngularJS某一时间段后,出现另一种情况,这里需要用到定时器timeout2、实现源码 AngularJS之定时器(timeout) var app = angular.module("timeApp",[]); app.controller("timeController",function($scope,$timeout){原创 2016-08-22 14:34:42 · 13055 阅读 · 1 评论 -
AngularJS动态生成div的ID
1、问题背景 给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值2、实现源码 AngularJS动态生成div的ID var app = angular.module("idApp",[]); app.controller("idCon",function($scope){ $scope.divIds = [ {原创 2016-08-28 21:50:42 · 11954 阅读 · 4 评论