2016-11-13 88 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

嗨〜你有没有检查...让我知道 –