aboutsummaryrefslogtreecommitdiffstats
path: root/docs/content/guide/directive.ngdoc
diff options
context:
space:
mode:
authorgdennie2013-10-02 15:09:44 -0400
committerPete Bacon Darwin2013-10-03 23:44:54 +0100
commit7665497a5370cdb0e8ffccfe8ea57cb8370a701c (patch)
tree51237b3351032e9173b8681eb3d55ed46e9ecd8e /docs/content/guide/directive.ngdoc
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
Diffstat (limited to 'docs/content/guide/directive.ngdoc')
-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>