Angular.JS ng模型

Question

我有以下代碼：

的HTML

 <!doctype html> <html ng-app=EmployeeApp> <head> <meta charset="utf-8"> <title>favly</title> <link rel="stylesheet" type="text/css" href="css/styles_index.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <link href='http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400' rel='stylesheet' type='text/css'> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="js/search_folder.js"></script> </head> <body ng-controller="empCtrl"> <div id="leftMenu"> <div id="searchFoldersList"><span class="icon-search search"></span><input ng-model="fold.Folder" type="text" placeholder="Search..." /></div> <div id="foldersList"> <ul> <li ng-repeat="fold in folder">{{fold.Folder}}</li> </ul> </div> <div id="addFolderBox"><span class="icon-add plus"></span> ADD NEW FOLDER</div> </div> <div id="rightContent"> <div id="menuContent"> <ul> <li><span class="icon-list"></span></li> <li><span class="icon-settings"></span></li> <li><span class="icon-account-circle"></span></li> </ul> </div> </div> </body> </html>

而在JS上：

  var employeeApp = angular.module("EmployeeApp",[]); employeeApp.controller("empCtrl",function($scope, $http){ $http.get("folders_list.php").success(function (response) {$scope.folder = response.folders;}); });

而folder_list.php的作用范圍如下：

{“ records”：[{“ Folder”：“ Juegos”}，{“ Folder”：“PerifÃ©ricos”}]}

好的，我的代碼可以正常工作並顯示文件夾的名稱，但是我的問題是我不知道為什么輸入不搜索那些“ li”來找到輸入的單詞。 我認為這是因為我的ng模型不正確，但是我不知道什么ng模型類型。

謝謝！

Answer 1

這應該是response.records嗎？

從

$http.get("folders_list.php").success(function (response) {$scope.folder = response.records;});

代替

$http.get("folders_list.php").success(function (response) {$scope.folder = response.folders;});

Angular.JS ng模型

問題描述

1 個解決方案

解決方案1
0 2015-05-20 00:20:53

Angular.JS ng模型

問題描述

1 個解決方案

解決方案1 0 2015-05-20 00:20:53

解決方案1
0 2015-05-20 00:20:53