Tizen Web 应用程序 Angular JS 教程

Question

我正在 tizen 站点、三星站点和 google 外搜索 Angular JS 教程。但遗憾的是我没有任何方向如何使用 Angular JS 构建网络应用程序。我只发现这个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

第一步：将 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 教程

Tizen Web app Angular JS tutorial

angularjs

tizen

tizen-web-app