angular-smarty:一个AngularJS的自动完成UI实现

&: 本地与父作用域之间的单向数据绑定

控制器：

$scope.setSelected = function(newValue) {...};

HTML：

SmartyInput指令符：

scope: {select: "&", ... }...scope.select({"x": parseInt(scope.index) + 1});

　　SmartyInput指令符将控制器作用域中的setSelected()函数绑定到指令作用域中的select()函数上，这样可以使指令符在不改变setSelected()函数的情况下使用它。

@:将计算表达式绑定到本地作用域

控制器：

$scope.prefix = ""

HTML：

SmartySuggestions指令符：

scope: {prefix: "@", ...}

　　通过SmartySuggestions指令符，可在建议菜单中显示prefix的值，所以此处使用计算表达式{{prefix}}。这种绑定方式在多项复杂表达式中更常用，比如：next-index=“{{selected + 1}}”。

　　Promises

　　promise是用于执行异步任务的技术。一个promise具有一个名为then()的方法，该方法在promise执行时会作为被执行的的回调函数的一个参数。当异步任务完成，promise会将一段消息传给那个回调函数。当用户输入的prefix前缀中检测到更改，则promise就会出现在Smarty的代码中，然后我们会用$http执行一个GET请求，用来更新显示给用户建议的列表。

　　这个过程看起来是这样的：

　　当$scope.$watch在$scope.prefix（请注意，此处绑定到用户UI输入界面）的值中注册了一个更改，此时会调用getSmartySuggesction()。

　　在getSmartySuggesctions()中，$http.get会返回一个参与服务器响应的promise。

　　服务器响应看起来是这样的：

[{"ID":13,"Name":"Portrait Photography"},{"ID":24,"Name":"Commercial Photography"},{"ID":21,"Name":"Pet Photography"},{"ID":16,"Name":"Event Photography"},{"ID":26,"Name":"Headshot Photography"}]

　　接下来，我们会调用存在于promise中的then()方法，在解析服务器响应回调中进行传递。then()方法返回一个新的promise，它处理了解析过的响应，并存储到通过getSmartySuggestions()返回的promise中。

　　解析过的响应看起来是这样的：[“Portrait Photography”, “Commercial Photography”, “Pet Photography”, “Event Photography”, “Headshot Photography”]。

　　最终，回到$scope.$watch，我们调用promise中的then()方法，为变量suggestions分配这些解析过的响应。