Create a filter to filter words

PeachScript · PeachScript · commit 4dac231bc5d7 · 2014-12-04T14:37:08.000+08:00
diff --git a/app/index.html b/app/index.html
@@ -10,10 +10,10 @@
     <body ng-app="abstackVarLib" ng-controller="mainCtrl">
         <header>
             Abstack Tech Variables Library
-            <input type="text" class="search-box" placeholder="Type some keywords...">
+            <input type="text" class="search-box" placeholder="Type some keywords..." ng-model="keywords">
         </header>
         <ul class="word-list ng-hide" ng-show="wordsList">
-            <li ng-repeat="word in wordsList">
+            <li ng-repeat="word in wordsList | keywords: keywords">
                 <h3>
                     <button class="btn-copy">COPY</button>
                     <a target="_blank" ng-href="{{ word.url?word.url: 'http://www.dict.cn/' + word.word }}" ng-bind="word.word"></a>
diff --git a/app/json/words.json b/app/json/words.json
@@ -5,33 +5,23 @@
     "tags": ["设置", "设定", "偏好"]
 },
 {
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
-},
-{
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
+    "word": "feedback",
+    "tags": ["建议", "反馈", "投诉", "意见", "改进"]
 },
 {
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
+    "word": "project",
+    "tags": ["项目", "标", "工程"]
 },
 {
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
+    "word": "dashboard",
+    "tags": ["仪表盘", "概览", "主页", "监控"]
 },
 {
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
+    "word": "redirect",
+    "tags": ["跳转", "转到"]
 },
 {
-    "word": "settings",
-    "url": "http://www.dict.cn/settings",
-    "tags": ["设置", "设定", "偏好"]
+    "word": "following",
+    "tags": ["关注", "正在关注", "关心"]
 }
 ]
diff --git a/app/scripts/app.js b/app/scripts/app.js
@@ -4,6 +4,20 @@
 * Description: main
 */
 angular.module('abstackVarLib', [])
+    .filter('keywords', function(){
+        return function(input, type){
+            if(!type)
+                return input;
+
+            var temp = [];
+            for(var i = 0;i<input.length;i++){
+                if(input[i].tags.join().indexOf(type) != -1)
+                    temp.push(input[i]);
+            }
+
+            return temp;
+        }
+    })
     .controller('mainCtrl', ['$http', '$scope', function($http, $scope){
 
         $http.get('/json/words.json')
