本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考，具体如下： HTML正文: <body ng-app="myApp" ng-controller="myCtrl"> <h2>AngularJS函数绑定</h2> <textarea ng-model="message" cols="40" rows="10"></textarea> <p> <button ng-click="save()">保存</button> <button ng-click="clear()">清除</button> </p> <p>剩余字数: <span ng-bind="left()"></span></p> <!-- AngualrJS的显示和隐藏逻辑控制...
本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考，具体如下： <!doctype html> <html><head><meta charset="utf-8"><title>AngularJS自定义指令与控制器数据交互</title> <!-- <script src="http://cdn.bootcss.com/angular.js/1.3.15/angular.js"></script>--><script src="../../lib/angular/angular.js"></script><script>angular.module(yyApp, []).controller(yyHelloController, fun...
本文实例讲述了AngularJS读取JSON及XML文件的方法。分享给大家供大家参考，具体如下： <!doctype html> <meta charset="UTF-8"> <html ng-app=routingDemoApp> <head><title>AJAX and promise</title><link href="bootstrap.min.css" rel="external nofollow" rel="stylesheet"><link href="self.css" rel="external nofollow" rel="stylesheet"> </head> <body > <div class="panel panel-default" ng-controller="AjaxJson"> <!-...
本文实例讲述了AngularJS全局警告框实现方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" ><script src="jquery.min.js"></script><script src="angular.js"></scr...
本文实例讲述了AngularJS折叠菜单实现方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" ><script src="jquery.min.js"></script><script src="angular.min.js"></script><script src="bootstrap.min.js"></script><script type="text/javascript">var expMo...
本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下： 使用ng-class可以实现动态地增减样式： <!DOCTYPE html> <html ng-app="formExample"> <head><meta charset="UTF-8"><title></title><script src="../js/angular.js"></script><script>angular.module(formExample, []).controller(FormController, [$scope, function($scope){}]);</script><style>.strike {text-decoration: line...
一、前提在开始本文之前先设定，从server取下来的内容是一个html格式 的内容，那么如下显示： <div class="article-view-content col-md-12 col-sm-12 col-xs-12 no-padding-left no-padding-right wiki"ng-bind-html="vm.article.content | ArticlesTrim"> </div>二、过滤器现在要做的事情就是做一个过滤器就好了，让他来去掉content里面的空行 angular.module(articles).filter(ArticlesTrim, ArticlesTrim)ArticlesTrim.$inject...
本文实例讲述了AngularJS表格样式简单设置方法。分享给大家供大家参考，具体如下： 1、问题背景 AngularJS表格table，利用样式设置表格间隔色 2、实现源码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>AngularJS之表格设置样式</title><link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" /><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script><style>tabl...
首先来看看效果效果 实现这样的效果，必须使用指令了，只有使用指令才能单独控制每一个scope。 示例代码如下： <div class="form-group"><label class="col-sm-2 control-label">请选择文章主题色彩</label><div class="col-sm-10" theme-group><label class="i-switch m-t-xs m-r"><input type="checkbox" input-theme ><i></i></label><label class="i-switch bg-info m-t-xs m-r"><input type="checkbox" input-theme><i></i></...