angular 表格动态行

        前端页面需要做成按钮动态控制行数的效果以及对输入内容做一些检验。

        效果图：

        

       html

        

                       
                            关键词配置
                            

                                

                                    
关键词
                                    
内  容
                                    
增加
                                
                                

                                    

                                        
                                    
                                    

                                        
                                    
                                    

                                        移除
                                    
                                
                                

                                    

                                        

                                            
                                        
                                        

                                            
                                        
                                    
                                

                            
                        

        js

              

	$scope.keywords = [];

	function Keyword() {
		return{
		keyword:"",text:""
		}
	}

       $scope.addKeywordConfig = function () {
            if ($scope.keywords.length > 3) {
                Tips.info("最多可配置四个参数！");
                return;
            }
            var keyword = new Keyword();
            $scope.keywords.push(keyword);
        };

        $scope.delKeywordConfig = function (idx) {
            $scope.keywords.splice(idx, 1);
        };

        /**
         * 关键词对应内容检测敏感词
         */
        $scope.$watch("keywords",function(newValue, oldValue){
            if(newValue.length < 1) {
                $scope.showKeywordsContentNotice = false;
                $scope.showKeywordNotice = false;
                return;
            }
            var text = "";
            var keyword = "";
            for(var i = 0; i< newValue.length;i++) {
                var newText = newValue[i].text;
                var newKeyword = newValue[i].keyword;
                text += newText+",";
                keyword += newKeyword+",";
            }
            $scope.validateKeywordContent(text);//后台校验逻辑
            $scope.validateKeyword(keyword);//后台校验逻辑

        },true);