Blogger放置程式碼

作者： -
想要呈現這段程式碼
<body ng-app>
 <div>
  <p>1 + 4 = {{ 1+4 }}</p>
  <input ng-model="ttt"/>
  <p>The input is: {{ttt}}</p>
 </div>
</body>
要在Blogger加入這段程式碼，請到「我的網誌」→「發表文章」→選取你要編輯的文章→「撰寫HTML」中貼上程式碼。
建議使用<pre>而非<div>，維持程式碼的縮排。
<pre class="codeblock prettyprint">
<body ng-app>
 <div>
  <p>1 + 4 = {{ 1+4 }}</p>
  <input ng-model="ttt"/>
  <p>The input is: {{ttt}}</p>
 </div>
</body>
</pre>
因為角括號和引號在html裡面是特殊符號，不能直接貼上html編輯器的程式碼到Blogger。
若想手動修改html程式碼
  • <改成&lt;
  • >改成&gt;
  • " "改成&guot; &guot;
若嫌麻煩可以用HTML Encoder，可以很方便的轉換程式碼為Blogger可以顯示的內容。完成了Blogger的html如下：


留言

張貼留言

這個網誌中的熱門文章

AngularJS (19) ng-repeat 特殊變數 $index, $even, $first

作者： -
angular .module('app',[]) .controller('ctrl',["$scope",function($scope){ $scope.people = [ {name:'Ihc Pig'}, {name:'Lily Pig'}, {name:'AA Pig'}, {name:'BB Pig'} ]; }]); 索引 $index <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > { { $index } }. name = { { person.name } } </p> </body> {{$index}}. name = {{person.name}} 偶數列 $even <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > name = { { person.name } } </p> </body> name = {{person.name}} 奇數列 $odd <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_...
閱讀完整內容

AngularJS (2) 用 $filter 轉換數值和過濾

作者： -
在前一篇( 宣告ng-app )用ng-app宣告網頁的AngularJS執行範圍， 基本上，ng-app宣告之後，就可以使用angularJS作一些基本運算，或是轉換。 filter 是angularJS提供的運算子，可以對數值作的轉換或是附加處理。它的寫法就像是LINUX的Shell script的pipe運算。 例如，currency幫你把數字標記成金額： <head> <script src="angular.js"></script> /*以下的例子視為已有此檔*/ </head> <body ng-app> {{ 1+2 }} 金額：{{ 1+2 | currency }} 新台幣：{{ 1+2 | currency:"NT$" }} </body> {{ 1+2 }} 金額：{{ 1+2 | currency }} 新台幣：{{ 1+2 | currency:"NT$" }} filter 在HTML和javascript的寫法 前面例子是 filter 在HTML的寫法     {{ currency_expression | currency : symbol }} javascript寫法      $filter ('currency')(symbol) javascript的完整寫法，是在控制器的引數列加入 $filter 的宣告，告訴angularJS此控制器需要用到filter功能。 <head> <script> var app1 = angular.module("app1",[]); app1.controller("MoneyController", function($scope,$filter){ $scope.pay = $filter("currency")(3); $sco...
閱讀完整內容