You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by co...@apache.org on 2016/09/28 01:44:12 UTC
svn commit: r1762596 - in /zeppelin/site/contribution: ./ zeppelinweb/
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>
+