2016-11-13 100 views
-3

我正在尋找tizen網站,三星網站和谷歌偏離課程的Angular JS教程。但遺憾的是我還沒有得到任何方向如何使用Angular JS構建一個Web應用程序。我發現只有 這https://developer.tizen.org/ko/community/tip-tech/introduction-angular-2-tizen 但這並沒有顯示任何想法tizen。 請幫忙。Tizen Web應用程序Angular JS教程

+0

Angular 2還是以前的版本? –

+0

任何一個...我找到角1,2 ......但沒有發現。 –

回答

1

第1步: 添加angular.min.js和JS控制器到您的項目。 enter image description here

步驟2: 庫和控制器路徑添加到的index.html

<script src="js/angular.min.js"></script> 
<script src="js/demoController.js"></script> 

步驟3: 在HTML添加這些

<html data-ng-app="myApp"> 

而且

<body data-ng-controller="myCtrl"> 

步驟4: 寫在控制自己的代碼,

例如,

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.CountryList = [ 

          { 
           "code": "1", 
           "Name" : "South Korea" 

          }, 
          { 
           "code": "2", 
           "Name" : "India" 

          }, 
          { 
           "code": "3", 
           "Name" : "Bangladesh" 

          }, 
          { 
           "code": "4", 
           "Name" : "Russia" 

          } 

          ]; 
}); 

第5步: 寫HTML自己的代碼,

例如,

<ul class="ui-listview"> 
    <li class="ui-li-static" data-ng-repeat="country in CountryList"> 
     {{country.Name}} 
    </li> 
</ul> 

查看:

enter image description here

+0

**我會檢查這個** –

+0

嗨〜你有沒有檢查...讓我知道 –