aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorgdennie2013-10-02 15:09:44 -0400
committerPete Bacon Darwin2013-10-03 23:44:42 +0100
commita27b4cf5fd81a6cb6b990017dbe77d3090b0e22d (patch)
tree3a50a54c59dbdeb76a833152bcd1e4b3c32b3b6b
parent333e3375e0205a087fd2f8178d4a58a1ff296cc3 (diff)
downloadangular.js-a27b4cf5fd81a6cb6b990017dbe77d3090b0e22d.tar.bz2
docs(guide/directive): clarify use of binding to scopes
The use of 'angular' as sample text is confusing to the newbie in that they are forced to confirm that the text 'angular' is not a keyword or otherwise referring to a system component. This is changed to a more obvious sample text. The most common form of `ngBind` is moved to the top of the list. Closes #4237
-rw-r--r--docs/content/guide/directive.ngdoc10
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/content/guide/directive.ngdoc b/docs/content/guide/directive.ngdoc
index 9c418a2c..f052afff 100644
--- a/docs/content/guide/directive.ngdoc
+++ b/docs/content/guide/directive.ngdoc
@@ -27,28 +27,28 @@ attribute only.)
<!-- directive: my-dir exp -->
</pre>
-Directives can be invoked in many different ways, but are equivalent in the end result as shown in
-the following example.
+The following demonstrates the various ways a Directive (ngBind in this case) can be referenced from within a template.
<doc:example>
<doc:source >
<script>
function Ctrl1($scope) {
- $scope.name = 'angular';
+ $scope.name = 'Max Karl Ernst Ludwig Planck (April 23, 1858 – October 4, 1947)';
}
</script>
<div ng-controller="Ctrl1">
Hello <input ng-model='name'> <hr/>
+ &lt;span ng-bind="name"&gt; <span ng-bind="name"></span> <br/>
&lt;span ng:bind="name"&gt; <span ng:bind="name"></span> <br/>
&lt;span ng_bind="name"&gt; <span ng_bind="name"></span> <br/>
- &lt;span ng-bind="name"&gt; <span ng-bind="name"></span> <br/>
&lt;span data-ng-bind="name"&gt; <span data-ng-bind="name"></span> <br/>
&lt;span x-ng-bind="name"&gt; <span x-ng-bind="name"></span> <br/>
</div>
</doc:source>
<doc:scenario>
it('should show off bindings', function() {
- expect(element('div[ng-controller="Ctrl1"] span[ng-bind]').text()).toBe('angular');
+ expect(element('div[ng-controller="Ctrl1"] span[ng-bind]').text())
+ .toBe('Max Karl Ernst Ludwig Planck (April 23, 1858 – October 4, 1947)');
});
</doc:scenario>
</doc:example>