利用ng-model把前端获取的值和后台传过来的值进行双向绑定

例如，用户在搜索框里写入了自己想要搜索的条件，相应的前端要获取到这个条件，然后传给做出请求。

一个很简单的应用，但是有一个坑要注意：在使用ng-model的时候一定要在相应的控制器中绑定$scope (

$scope.Book_searchCtrl=$scope;

// 把Book_searchCtrl换成自己的控制器)

首先，在相应的controller中：

$scope.Book_searchCtrl=$scope;  //绑定ng-model事件
//ajax根据自己的喜好来写即可
$http({
url:'book.json', //换成自己的url
method:'post',
data:{'bookname':$scope.Book_searchCtrl.bookName} //$scope.Book_searchCtrl.bookName即获取用户输入的条件，并将其传给后台
}).success(function(data){
$scope.books = data.book;  //获取数据库中的数据
}).error(function(data){
console.log("error");
});

其次，在html中定义ng-model

<input ng-model="Book_searchCtrl.bookName" type="search" placeholder="输入书名/作者名">

( Book_searchCtrl换成自己的对应控制器的名字即可)

简单言之（

ng-model="Book_searchCtrl.bookName"

（html）

$scope.Book_searchCtrl=$scope;

(controller)

data:{'bookname':$scope.Book_searchCtrl.bookName}

(ajax)）这三句话便能实现双向绑定