Tizen Web app Angular JS tutorial

Question

i am searching Angular JS tutorial in tizen site, samsung site and off course from google. but sadly i have not got any direction how to build a web app using Angular JS. i have found only this https://developer.tizen.org/ko/community/tip-tech/introduction-angular-2-tizen but this is not showing any idea on tizen. please help.

any one ...i was finding angular 1, 2 ....but nothing is found. — Nikhel Si, Nov 15 '16 at 18:34

score 1 · Answer 1 · answered Nov 13 '16 at 18:02

1

you can try to be part of get inspiration from this project:

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

answered Nov 13 '16 at 18:02

RzR

3,068
29
26

score 1 · Accepted Answer · answered Nov 17 '16 at 05:32

Step 1: Add angular.min.js and a js controller to your project.

Step 2: Add the library and controller path to the index.html

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

Step 3: Add these in html

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

And

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

Step 4: Write your own code in controller,

For example,

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"

                          }

                          ];
});

Step 5: Write your own code in html,

For example,

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

View:

Hi~ have you checked... let me know – Iqbal hossain Dec 01 '16 at 08:49 — Iqbal hossain, Dec 01 '16 at 08:49

Tizen Web app Angular JS tutorial

2 Answers2