forked from angular/angular.js
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(docs): re-skin main documentation
- Loading branch information
Showing
82 changed files
with
2,753 additions
and
2,724 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -30,72 +30,111 @@ In this example we have a simple app which consist of two screens: | |
| * Welcome: url `welcome` Show the user contact information. | ||
| * Settings: url `settings` Show an edit screen for user contact information. | ||
|
|
||
|
|
||
| The two partials are defined in the following URLs: | ||
|
|
||
| * <a href="examples/settings.html" target="_self">./examples/settings.html</a> | ||
| * <a href="examples/welcome.html" target="_self">./examples/welcome.html</a> | ||
|
|
||
| <doc:example module="deepLinking"> | ||
| <doc:source jsfiddle="false"> | ||
| <script> | ||
| angular.module('deepLinking', ['ngSanitize']) | ||
| .config(function($routeProvider) { | ||
| $routeProvider.when("/welcome", {template:'./examples/welcome.html', controller:WelcomeCntl}); | ||
| $routeProvider.when("/settings", {template:'./examples/settings.html', controller:SettingsCntl}); | ||
| }); | ||
|
|
||
| AppCntl.$inject = ['$scope', '$route'] | ||
| function AppCntl($scope, $route) { | ||
| // initialize the model to something useful | ||
| $scope.person = { | ||
| name:'anonymous', | ||
| contacts:[{type:'email', url:'[email protected]'}] | ||
| }; | ||
| } | ||
|
|
||
| function WelcomeCntl($scope) { | ||
| $scope.greet = function() { | ||
| alert("Hello " + $scope.person.name); | ||
| }; | ||
| } | ||
|
|
||
| function SettingsCntl($scope, $location) { | ||
| $scope.cancel = function() { | ||
| $scope.form = angular.copy($scope.person); | ||
| }; | ||
|
|
||
| $scope.save = function() { | ||
| angular.copy($scope.form, $scope.person); | ||
| $location.path('/welcome'); | ||
| }; | ||
|
|
||
| $scope.cancel(); | ||
| } | ||
| </script> | ||
| <example module="deepLinking" deps="angular-sanitize.js"> | ||
| <file name="script.js"> | ||
| angular.module('deepLinking', ['ngSanitize']) | ||
| .config(function($routeProvider) { | ||
| $routeProvider. | ||
| when("/welcome", {template:'welcome.html', controller:WelcomeCntl}). | ||
| when("/settings", {template:'settings.html', controller:SettingsCntl}); | ||
| }); | ||
|
|
||
| AppCntl.$inject = ['$scope', '$route'] | ||
| function AppCntl($scope, $route) { | ||
| $scope.$route = $route; | ||
|
|
||
| // initialize the model to something useful | ||
| $scope.person = { | ||
| name:'anonymous', | ||
| contacts:[{type:'email', url:'[email protected]'}] | ||
| }; | ||
| } | ||
|
|
||
| function WelcomeCntl($scope) { | ||
| $scope.greet = function() { | ||
| alert("Hello " + $scope.person.name); | ||
| }; | ||
| } | ||
|
|
||
| function SettingsCntl($scope, $location) { | ||
| $scope.cancel = function() { | ||
| $scope.form = angular.copy($scope.person); | ||
| }; | ||
|
|
||
| $scope.save = function() { | ||
| angular.copy($scope.form, $scope.person); | ||
| $location.path('/welcome'); | ||
| }; | ||
|
|
||
| $scope.cancel(); | ||
| } | ||
| </file> | ||
| <file name="style.css"> | ||
| [ng-view] { | ||
| border: 1px solid blue; | ||
| margin: 0; | ||
| padding:1em; | ||
| } | ||
|
|
||
| .partial-info { | ||
| background-color: blue; | ||
| color: white; | ||
| padding: 3px; | ||
| } | ||
| </file> | ||
| <file name="index.html"> | ||
| <div ng-controller="AppCntl"> | ||
| <h1>Your App Chrome</h1> | ||
| [ <a href="welcome">Welcome</a> | <a href="settings">Settings</a> ] | ||
| <hr/> | ||
| <span style="background-color: blue; color: white; padding: 3px;"> | ||
| <span class="partial-info"> | ||
| Partial: {{$route.current.template}} | ||
| </span> | ||
| <ng:view style="border: 1px solid blue; margin: 0; display:block; padding:1em;"></ng:view> | ||
| <div ng-view></div> | ||
| <small>Your app footer </small> | ||
| </div> | ||
| </doc:source> | ||
| <doc:scenario> | ||
| </file> | ||
| <file name="settings.html"> | ||
| <label>Name:</label> | ||
| <input type="text" ng:model="form.name" required> | ||
|
|
||
| <div ng:repeat="contact in form.contacts"> | ||
| <select ng:model="contact.type"> | ||
| <option>url</option> | ||
| <option>email</option> | ||
| <option>phone</option> | ||
| </select> | ||
| <input type="text" ng:model="contact.url"> | ||
| [ <a href="" ng:click="form.contacts.$remove(contact)">X</a> ] | ||
| </div> | ||
| <div> | ||
| [ <a href="" ng:click="form.contacts.$add()">add</a> ] | ||
| </div> | ||
|
|
||
| <button ng:click="cancel()">Cancel</button> | ||
| <button ng:click="save()">Save</button> | ||
| </file> | ||
| <file name="welcome.html"> | ||
| Hello {{person.name}}, | ||
| <div> | ||
| Your contact information: | ||
| <div ng:repeat="contact in person.contacts">{{contact.type}}: | ||
| <span ng-bind-html="contact.url|linky"></span> | ||
| </div> | ||
| </div> | ||
| </file> | ||
| <file name="scenario.js"> | ||
| it('should navigate to URL', function() { | ||
| element('a:contains(Welcome)').click(); | ||
| expect(element('ng\\:view').text()).toMatch(/Hello anonymous/); | ||
| element('a:contains(Settings)').click(); | ||
| input('form.name').enter('yourname'); | ||
| element(':button:contains(Save)').click(); | ||
| element('a:contains(Welcome)').click(); | ||
| expect(element('ng\\:view').text()).toMatch(/Hello yourname/); | ||
| element('a:contains(Welcome)').click(); | ||
| expect(element('[ng-view]').text()).toMatch(/Hello anonymous/); | ||
| element('a:contains(Settings)').click(); | ||
| input('form.name').enter('yourname'); | ||
| element(':button:contains(Save)').click(); | ||
| element('a:contains(Welcome)').click(); | ||
| expect(element('[ng-view]').text()).toMatch(/Hello yourname/); | ||
| }); | ||
| </doc:scenario> | ||
| </doc:example> | ||
| </file> | ||
| </example> | ||
|
|
||
|
|
||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.