2016-11-13 8 views
-3

私は、Googleのチュートリアルサイト、サムスンサイト、オフコースのAngular JSチュートリアルを検索しています。しかし悲しいことに、Angular JSを使ってWebアプリケーションを構築する方法については何の指示もありません。私はただ を見つけましたhttps://developer.tizen.org/ko/community/tip-tech/introduction-angular-2-tizen しかし、これはtizen上の任意のアイデアを示していません。 助けてください。Tizen WebアプリケーションAngular JSチュートリアル

+0

角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

こんにちは〜あなたはチェックしました...私に教えてください –

関連する問題