mirror of
https://github.com/zhigang1992/angular.js.git
synced 2026-05-16 10:29:37 +08:00
docs(examples): fix example dependencies
This commit is contained in:
@@ -15,7 +15,7 @@ Animations are not available unless you include the {@link ngAnimate `ngAnimate`
|
||||
|
||||
Below is a quick example of animations being enabled for `ngShow` and `ngHide`:
|
||||
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-init="checked=true">
|
||||
<label>
|
||||
@@ -214,7 +214,7 @@ able to capture class changes if an **expression** or the **ng-class** directive
|
||||
|
||||
The example below shows how to perform animations during class changes:
|
||||
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<p>
|
||||
<input type="button" value="set" ng-click="myCssVar='css-class'">
|
||||
|
||||
@@ -136,7 +136,7 @@ string "very". Depending on which button is clicked, the `spice` model is set to
|
||||
|
||||
<example module="spicyApp1">
|
||||
<file name="index.html">
|
||||
<div ng-app="spicyApp1" ng-controller="SpicyCtrl">
|
||||
<div ng-controller="SpicyCtrl">
|
||||
<button ng-click="chiliSpicy()">Chili</button>
|
||||
<button ng-click="jalapenoSpicy()">Jalapeño</button>
|
||||
<p>The food is {{spice}} spicy!</p>
|
||||
@@ -177,7 +177,7 @@ previous example.
|
||||
|
||||
<example module="spicyApp2">
|
||||
<file name="index.html">
|
||||
<div ng-app="spicyApp2" ng-controller="SpicyCtrl">
|
||||
<div ng-controller="SpicyCtrl">
|
||||
<input ng-model="customSpice">
|
||||
<button ng-click="spicy('chili')">Chili</button>
|
||||
<button ng-click="spicy(customSpice)">Custom spice</button>
|
||||
@@ -214,7 +214,7 @@ more information about scope inheritance.
|
||||
|
||||
<example module="scopeInheritance">
|
||||
<file name="index.html">
|
||||
<div ng-app="scopeInheritance" class="spicy">
|
||||
<div class="spicy">
|
||||
<div ng-controller="MainCtrl">
|
||||
<p>Good {{timeOfDay}}, {{name}}!</p>
|
||||
|
||||
|
||||
@@ -150,7 +150,7 @@ function classDirective(name, selector) {
|
||||
|
||||
The example below demonstrates how to perform animations using ngClass.
|
||||
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<input id="setbtn" type="button" value="set" ng-click="myVar='my-class'">
|
||||
<input id="clearbtn" type="button" value="clear" ng-click="myVar=''">
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
* element is added to the DOM tree.
|
||||
*
|
||||
* @example
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /><br/>
|
||||
Show when checked:
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
* - Otherwise enable scrolling only if the expression evaluates to truthy value.
|
||||
*
|
||||
* @example
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-controller="Ctrl">
|
||||
<select ng-model="template" ng-options="t.name for t in templates">
|
||||
|
||||
@@ -113,7 +113,7 @@
|
||||
* @example
|
||||
* This example initializes the scope to a list of names and
|
||||
* then uses `ngRepeat` to display every person:
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-init="friends = [
|
||||
{name:'John', age:25, gender:'boy'},
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
* then the element is shown or hidden respectively.
|
||||
*
|
||||
* @example
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
Click me: <input type="checkbox" ng-model="checked"><br/>
|
||||
<div>
|
||||
@@ -245,7 +245,7 @@ var ngShowDirective = ['$animate', function($animate) {
|
||||
* the element is shown or hidden respectively.
|
||||
*
|
||||
* @example
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
Click me: <input type="checkbox" ng-model="checked"><br/>
|
||||
<div>
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
*
|
||||
*
|
||||
* @example
|
||||
<example animations="true">
|
||||
<example module="ngAnimate" deps="angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-controller="Ctrl">
|
||||
<select ng-model="selection" ng-options="item for item in items">
|
||||
|
||||
@@ -36,7 +36,7 @@ ngRouteModule.directive('ngView', ngViewFillContentFactory);
|
||||
* - Otherwise enable scrolling only if the `autoscroll` attribute value evaluated
|
||||
* as an expression yields a truthy value.
|
||||
* @example
|
||||
<example module="ngViewExample" deps="angular-route.js" animations="true">
|
||||
<example module="ngViewExample" deps="angular-route.js;angular-animate.js" animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-controller="MainCntl as main">
|
||||
Choose:
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<span ng-bind-html="linky_expression | linky"></span>
|
||||
*
|
||||
* @example
|
||||
<example module="ngSanitize">
|
||||
<example module="ngSanitize" deps="angular-sanitize.js">
|
||||
<file name="index.html">
|
||||
<script>
|
||||
function Ctrl($scope) {
|
||||
|
||||
Reference in New Issue
Block a user