Author: corneadoug Date: Wed Sep 28 01:44:12 2016 New Revision: 1762596 URL: http://svn.apache.org/viewvc?rev=1762596&view=rev Log: Add ZeppelinWeb GoodPracticeGuide 04
Added: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html Modified: zeppelin/site/contribution/contributions.html zeppelin/site/contribution/documentation.html zeppelin/site/contribution/webapplication.html zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html Modified: zeppelin/site/contribution/contributions.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/contributions.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/contributions.html (original) +++ zeppelin/site/contribution/contributions.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -263,6 +269,12 @@ + + + + + + Modified: zeppelin/site/contribution/documentation.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/documentation.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/documentation.html (original) +++ zeppelin/site/contribution/documentation.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -263,6 +269,12 @@ + + + + + + Modified: zeppelin/site/contribution/webapplication.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/webapplication.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/webapplication.html (original) +++ zeppelin/site/contribution/webapplication.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -290,6 +296,16 @@ + + + + + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4 - Using ng-bind</a></li> + + + Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html (original) +++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -294,6 +300,16 @@ + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4 - Using ng-bind</a></li> + + + + + + + @@ -374,8 +390,8 @@ limitations under the License. <p><br/> We should have only one Angular Component per file, and it should look like this:</p> -<figure class="highlight"><pre><code class="language-text" data-lang="text">(function() { - 'use strict'; +<figure class="highlight"><pre><code class="language-text" data-lang="text">'use strict'; +(function() { angular.module('zeppelinWebApp').controller('HomeCtrl', HomeCtrl); Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html (original) +++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -290,6 +296,16 @@ + + + + + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4 - Using ng-bind</a></li> + + + Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html?rev=1762596&r1=1762595&r2=1762596&view=diff ============================================================================== --- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html (original) +++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html Wed Sep 28 01:44:12 2016 @@ -124,6 +124,12 @@ + + + + + + @@ -294,6 +300,16 @@ + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4 - Using ng-bind</a></li> + + + + + + + @@ -447,7 +463,7 @@ Our main rule regarding writing a contro <p>Now let's see how we can use it inside our <code>.html</code> view in normal situations.</p> <figure class="highlight"><pre><code class="language-text" data-lang="text"><div ng-controller="myNewController as newCtrl"> - <div ng-click="newCtrl.myControllerPublicFunction"></div> + <div ng-click="newCtrl.myControllerPublicFunction">{{newCtrl.publicVariable}}</div> </div> </code></pre></figure> <h4>Using the controller in a page</h4> @@ -465,7 +481,7 @@ Our main rule regarding writing a contro </code></pre></figure> <p>Which will leave the <code>.html</code> view without any <code>ng-controller</code> property.</p> <figure class="highlight"><pre><code class="language-text" data-lang="text"><div> - <div ng-click="newCtrl.myControllerPublicFunction"></div> + <div ng-click="newCtrl.myControllerPublicFunction">{{newCtrl.publicVariable}}</div> </div> </code></pre></figure> <h4>The rules in detail</h4> Added: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html?rev=1762596&view=auto ============================================================================== --- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html (added) +++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html Wed Sep 28 01:44:12 2016 @@ -0,0 +1,441 @@ + + +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>4 - Using ng-bind</title> + <meta name="description" content=""> + <meta name="author" content="The Apache Software Foundation"> + + <!-- Enable responsive viewport --> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- Le HTML5 shim, for IE6-8 support of HTML elements --> + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- Le styles --> + <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet"> + <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css"> + <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet" type="text/css" media="screen" /> + <!-- Le fav and touch icons --> + <!-- Update these with your own images + <link rel="shortcut icon" href="images/favicon.ico"> + <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> + <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> + <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> + --> + + <!-- Js --> + <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> + <script src="/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script> + <script src="/assets/themes/zeppelin/js/docs.js"></script> + <script src="/assets/themes/zeppelin/js/anchor.min.js"></script> + + + <!-- atom & rss feed --> + <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed"> + <link href="/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed"> + </head> + + <body> + + <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="/"> + <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> + Apache Zeppelin + </a> + </div> + <nav class="navbar-collapse collapse" role="navigation"> + <ul class="nav navbar-nav navbar-right"> + + + + + + + + + + + + + + + + + + + <li><a href="/community.html">Community</a></li> + + + + + + + + + + + + + + + + + + + + + + <li><a href="/download.html">Download</a></li> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <!-- Docs --> + <li id="docs"> + <a href="#" data-toggle="dropdown" class="dropdown-toggle">Docs<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><span><b>Release</b><span></li> + <li><a href="/docs/0.6.1">0.6.1</a></li> + <li><a href="/docs/0.6.0">0.6.0</a></li> + <li><a href="/docs/0.5.6-incubating">0.5.6-incubating</a></li> + <li><a href="/docs/0.5.5-incubating">0.5.5-incubating</a></li> + <li><a href="/docs/0.5.0-incubating">0.5.0-incubating</a></li> + <li role="separator" class="divider"></li> + <li><span><b>Snapshot</b> (development)<span></li> + <li><a href="/docs/0.7.0-SNAPSHOT">0.7.0-SNAPSHOT</a></li> + </ul> + </li> + + <li><a href="https://github.com/apache/incubator-zeppelin">GitHub</a></li> + + <!-- Apache --> + <li id="apache"> + <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li> + <li><a href="http://www.apache.org/licenses/">Apache License</a></li> + <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li> + <li><a href="/assets.html">Assets</a></li> + <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li> + </ul> + </li> + </ul> + </nav><!--/.navbar-collapse --> + </div> + </div> + + + + + <div class="content"> + + +<div class="row"> + + <div class="sideMenu col-sm-3"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide01.html">1 - Defining Components</a></li> + + + + + + + + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide02.html">2 - Event Dispatching</a></li> + + + + + + + + + + <li><a href="/contribution/zeppelinweb/goodPracticeGuide03.html">3 - Making A Controller</a></li> + + + + + + + + + + <li class="active"><a href="/contribution/zeppelinweb/goodPracticeGuide04.html" class="active">4 - Using ng-bind</a></li> + + + + + + + + + + + + + + + + + + + + + + + + + + + + <li><a href="/contribution/webapplication.html">Web Application</a></li> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + </div> + <div class="col-sm-9"> + <!-- +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + +http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +--> + +<h1>Performance Gain Using ng-bind</h1> + +<p><br/> +We recommend the usage of <code>ng-bind</code> in your views.</p> + +<p>It allows some performance improvements compared to the usual <code>{{ }}</code> syntax, without adding too much code complexity.</p> + +<p>Your code would then look like:</p> +<figure class="highlight"><pre><code class="language-text" data-lang="text"><div ng-bing='home.myValue'></div> +</code></pre></figure> +<p>Instead of:</p> +<figure class="highlight"><pre><code class="language-text" data-lang="text"><div> +{{home.myValue}} +</div> +</code></pre></figure> +<h4>Learn More</h4> + +<p>The topic has been discussed a lot, and you can follow some of these discussions <a href="https://github.com/toddmotto/angular-styleguide/issues/41">here</a> or +<a href="http://stackoverflow.com/questions/27097006/angularjs-why-is-ng-bind-faster-than-expressions">there</a>.</p> + + </div> + +</div> + + + <hr> + <footer> + <!-- <p>© 2016 The Apache Software Foundation</p>--> + </footer> + </div> + + + + + + + <script type="text/javascript"> + (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) + })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); + + ga('create', 'UA-45176241-5', 'zeppelin.apache.org'); + ga('require', 'linkid', 'linkid.js'); + ga('send', 'pageview'); + +</script> + + + + </body> +</html> +