angularjs
曹振华
这个作者很懒,什么都没留下…
展开
-
angularjs directive(指令用法)将int转化成string
1)angularjs select在ng-model值为int的时候无法实现双向绑定2)通过directive(指令用法)将int转化成string就能实现双向绑定原创 2023-09-19 15:18:31 · 216 阅读 · 0 评论 -
angularjs循环对象属性实现动态列
angularjs循环对象属性实现动态列优点:保存对象,在数据库只保存一条数据缺点:添加对象属性需要修改表结构、代码,然后重新重新发布实现思路1)数据库创建表(对象)、创建字段(对象属性)2)根据表(对象)、字段(对象属性)生成配置表3)根据表(对象)、字段(对象属性)生成三层架构4)demo代码如下1.接口代码:using Microsoft.AspNetCore.Mvc;using Microsoft.Extensions.Logging;using New原创 2021-10-31 17:57:48 · 344 阅读 · 0 评论 -
angularjs forEach
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var app.原创 2021-09-08 13:47:01 · 208 阅读 · 0 评论 -
angularjs 解决html元素显示textarea换行
1)html<p style="min-height:30px;" ng-bind-html="TRA_PlanDetail.Remark| trustHtml"></p>2)jsangular.module('TyApp').filter('trustHtml', function ($sce) { return function (input) { return $sce.trustAsHtml(input.replace(原创 2021-05-13 08:38:28 · 445 阅读 · 0 评论 -
json对象集合(添、删、改)
<!doctype html><html ng-app><head> <title></title> <script type="text/javascript" src="angular.min.js"></script> <sc原创 2014-11-09 22:34:50 · 1377 阅读 · 1 评论 -
angularjs directive实现控件过滤器功能
1)html代码<select ng-model="ColumnModel.Category" ng-options="s.Code as s.Name for s in CategoryList" ng-change="categoryChange()" to-string></select>2)angularjs代码app.directive("toString", function () { return {原创 2020-12-08 14:49:08 · 121 阅读 · 0 评论 -
angularjs ng-repeat 元素渲染完成
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var app.原创 2020-12-07 21:22:33 · 215 阅读 · 0 评论 -
angularjs 递归
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var ap.原创 2020-10-23 21:55:06 · 250 阅读 · 0 评论 -
angularjs ng-repeat 循环对象属性
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var app.原创 2020-08-06 16:19:04 · 419 阅读 · 0 评论 -
AngularJS 控制器之间通信保证数据一致
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var app.原创 2020-08-02 10:48:27 · 106 阅读 · 0 评论 -
AngularJS 广播事件
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> var app.原创 2020-08-02 10:18:41 · 280 阅读 · 0 评论 -
AngularJS过滤器多个参数
<span ng-repeat="detail in item.RoleList|orderBy:OrderNum">{{detail.RoleName|nextRole:item.RoleList:$index}}</span>.filter('nextRole', function () {//模块角色 return function (input, list, index) { if (index == list..原创 2020-06-21 20:44:14 · 732 阅读 · 0 评论 -
AngularJs实现Select二级联动
方法一:选择属性<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.10.2.min.js"&...原创 2019-12-15 21:00:31 · 556 阅读 · 0 评论 -
AngularJS 组件
1)主页面(index.html)<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/angular.mi...原创 2019-09-19 20:54:39 · 507 阅读 · 0 评论 -
AngularJS ng-class
<span class="label" ng-class="{'0':'label-info','1':'label-warning','2':'label-success'}[R.ApproveStatus]">{{R.ApproveStatus|ApprovalType}}</span>原创 2019-08-18 14:55:30 · 172 阅读 · 0 评论 -
angularjs ng-repeat
<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.10.2.min.js"></sc...原创 2014-11-04 22:05:21 · 1149 阅读 · 3 评论 -
angularjs 双向绑定
function my_controller($scope) { $scope.student = { name: '张三', address: '浙江' }; $scope.test = function () { alert($scope.student.name);原创 2014-11-04 22:16:19 · 889 阅读 · 0 评论 -
angularjs遍历两次
function my_controller($scope) { var vm = $scope.vm = {}; vm.classes = [ { classID: 1, className: '一班', students: [原创 2014-11-15 19:26:16 · 2763 阅读 · 0 评论 -
angularjs,js调用angularjs中的方法和参数
function my_controller($scope) { window.scope = $scope; var vm = $scope.vm = {}; vm.students = [ { id: 1, name: '张一' }, { id: 2, nam原创 2014-12-16 16:36:15 · 4701 阅读 · 0 评论 -
angularjs 排序
@{ Layout = null;} Index var app = angular.module("my_app", []); app.controller('my_controller', function ($scope) { var vm = $scope.vm = {}转载 2016-01-24 15:14:19 · 1878 阅读 · 0 评论 -
angularjs 复制
@{ Layout = null;} Index var app = angular.module("my_app", []); app.controller('my_controller', function ($scope) { var vm = $scope.vm = {}转载 2016-01-24 15:23:06 · 653 阅读 · 0 评论 -
angularjs radio
@{ Layout = null;} Index var app = angular.module("my_app", []); app.controller('my_controller', function ($scope) { var vm = $scope.vm = {}转载 2016-02-26 15:47:55 · 986 阅读 · 0 评论 -
angularjs checkbox
<!DOCTYPE html><html ng-app="my_app"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="Scr...转载 2017-03-09 14:09:45 · 1130 阅读 · 0 评论 -
AngularJS加载完成之后触发事件
@{ Layout = null;} Index var app = angular.module("my_app", []); app.controller('my_controller', function ($scope) { $scope.students = [原创 2017-03-15 09:08:41 · 10597 阅读 · 3 评论 -
angularjs select
function my_controller($scope) { $scope.student = 1; $scope.students = [ { id: 1, name: '张一' }, { id: 2, name: '李二' },原创 2014-11-04 21:56:58 · 1099 阅读 · 0 评论 -
angularjs 使用过滤器/函数获取枚举数据
尽量不要用函数<!DOCTYPE html><html ng-app="my_app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery-1.10.2.min.js"&g...原创 2014-11-09 13:45:26 · 909 阅读 · 1 评论 -
AngularJS ng-style
AngularJS ng-styleAngularJS ng-styleAngularJS ng-style原创 2019-06-23 10:26:36 · 628 阅读 · 0 评论 -
angularjs $scope.$apply()
前台代码@{ Layout = null;}<!doctype html><html ng-app> <head> <title></title> <script src="~/Scripts/angular.min.js"></script> ...原创 2014-11-05 22:02:04 · 968 阅读 · 0 评论