たちはMVC

Question

にデータベース内の1つのテーブルからの角度JSを使用してツリービューを作成することができますどのようにこれは私のテーブル構造である：

私は国家のTREEVIEWフォーマットを作成したい--->地区 - >都市 - - > MVCの村は

これが私のクエリです：あなたが実行するために必要な手順以下

CREATE TABLE [dbo].[countrylist] 
( 
    [countrylistid]  [INT] IDENTITY(1, 1) NOT NULL, 
    [kodepos_postcode] [VARCHAR](50) NULL, 
    [kelurahan_village] [VARCHAR](50) NULL, 
    [kecamatan_district] [VARCHAR](50) NULL, 
    [jenis_type]   [VARCHAR](50) NULL, 
    [kab_city]   [VARCHAR](50) NULL, 
    [propinsi_state]  [VARCHAR](50) NULL, 
    CONSTRAINT [PK_countryList] PRIMARY KEY CLUSTERED ([countrylistid] ASC) 
    WITH (pad_index = OFF, statistics_norecompute = OFF, ignore_dup_key = OFF, 
    allow_row_locks = on, allow_page_locks = on) ON [PRIMARY] 
) 
ON [PRIMARY] 

Answer 1

、

1. 我々は適切な木構造化データを得た後は、変数のスコープに
2. バインド
が変数の

をUIにすることをJavaScriptや店舗内のツリー構造を準備

DB

からデータを取得し、私たちがいることをレンダリングすることができます再帰的テンプレートを使用します。

DEMO

私は

DATA

scope.dataFromDB= [ 
       {'id':1 ,'propinsi_STATE' : 0, 'village':"State 1"}, 
       {'id':4 ,'propinsi_STATE' : 2 ,'village':"Taluka 1.1"}, 
       {'id':3 ,'propinsi_STATE' : 1, 'village':"District 2"}, 
       {'id':5 ,'propinsi_STATE' : 0, 'village':"State 2"}, 
       {'id':6 ,'propinsi_STATE' : 0, 'village':"State 3"}, 
       {'id':2 ,'propinsi_STATE' : 1, 'village':"District 1"}, 
       {'id':7 ,'propinsi_STATE' : 4, 'village':"village 1.1.1"}, 
       {'id':8 ,'propinsi_STATE' : 1, 'village':"District 3"}, 
       {'id':9 ,'propinsi_STATE' : 3, 'village':"Taluka 2.1"} 
       ]; 

HTML

<div my-directive></div> 
    <script id="myDirectiveTemplate" type="text/ng-template"> 
      <ul> 
      <li ng-repeat="item in items"> 
       {{item.village}} 
       <div ng-if="item.children.length > 0" ng-include="'itemTemplate'"></div> 
      </li> 
      </ul> 
    </script> 
    <script type="text/ng-template" id="itemTemplate"> 
    <ul> 
     <li ng-repeat="item in item.children"> 
      {{item.village}} 
     <div ng-if="item.children.length > 0" ng-include="'itemTemplate'"></div> 
     </li> 
    </ul> 
    </script> 

のようなあなたのデータを検討し

これがあなたを助けてくれることを願っています。