aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorgdennie2013-10-02 15:09:44 -0400
committerPete Bacon Darwin2013-10-03 23:44:54 +0100
commit7665497a5370cdb0e8ffccfe8ea57cb8370a701c (patch)
tree51237b3351032e9173b8681eb3d55ed46e9ecd8e
parent2acadc421692d700c015d11cee4131769837ced4 (diff)
downloadangular.js-7665497a5370cdb0e8ffccfe8ea57cb8370a701c.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 ea7c73e6..f72f2bb5 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>