Question

我正在tizen网站，三星网站和google上搜索Angular JS教程。但遗憾的是，我没有任何方向如何使用Angular JS构建Web应用程序。我只找到了这个https://developer.tizen.org/ko/community/tip-tech/introduction-angular-2-tizen 但这并没有显示任何关于tizen的想法。请帮忙。

Answer 1

你可以尝试从这个项目中获得灵感：

https://github.com/tizenteam/matrix-angular-sdk/tree/tizen

Answer 2

第1步：将angular.min.js和js控制器添加到项目中。

第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>

查看：

Tizen Web应用程序Angular JS教程

2 个答案: