Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs-函数转换为自定义指令_Javascript_Angularjs_Angularjs Directive - Fatal编程技术网

Javascript Angularjs-函数转换为自定义指令

Javascript Angularjs-函数转换为自定义指令,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我对angularjs是新手。目前我正在处理自定义指令。 在我的multiselect程序中,我在三个地方使用了typeahead。但是我想把整个过程转换成一个指令,并在我的程序中使用它 以下是我的html代码: <div class="multitext-wrap blue-border"> <ul inputfocus> <li class="tag" ng-repeat="list in selected

我对angularjs是新手。目前我正在处理自定义指令。 在我的multiselect程序中,我在三个地方使用了typeahead。但是我想把整个过程转换成一个指令,并在我的程序中使用它

以下是我的html代码:

<div class="multitext-wrap blue-border">
            <ul inputfocus>
                <li class="tag" ng-repeat="list in selectedOrgs">
                    <span class="tag-label">{{list.displayConfig[0].propertyValue}}</span><span class="tag-cross pointer" ng-click="removeOrg($index);">x</span>
                </li>
                <li class="">   
                    <input type="text" class="typeahead" ng-model="data.selectedOrg" typeahead-on-select="updateOrgs(data.selectedOrg); data.selectedOrg=''" typeahead="org as org.searchList for org in orgList | filter:$viewValue | limitTo:8" class="form-control" ng-keyup="getOrgs(data.selectedOrg, $event)">

                </li>
            </ul>
        </div>


  • {{list.displayConfig[0].propertyValue}}x
  • 函数调用的Js代码:

    $scope.updateOrgs = function(selectedVal) {
            var continueFlag = true;
            for(var i=0;i<$scope.selectedOrgs.length;i++){
              if($scope.selectedOrgs[i].id == selectedVal.id)
                continueFlag = false;
            }
              if(continueFlag) {
                var data = {
                  orgId:selectedVal.id,
                  baseObjectTemplateId:$routeParams.groupId
                };
                MapOrgs().save(data).$promise.then(
    
                  function(val){
                    console.log(val);
                    $scope.selectedOrgs.push(selectedVal);
                  },
                  function(err){
    
                  });
              }
    
          }
    
    
          $scope.getOrgs = function(data, event) {
            if(event.keyCode != 13){
              //$scope.Participants(data);
             $scope.organisationSearch(data);
            }
          }
    
          $scope.organisationSearch = function(filter){
            SearchOrg().fetch({'filter':filter, 'searchType':'tei_org'}).$promise.then(
    
              function(value){
                $scope.orgList = value.data;
    
              },
              function(err){
    
              });
    //           console.log('orglist'+JSON.stringify($scope.orgList));
          }
    
          }],
          templateUrl : TAPPLENT_CONFIG.HTML_ENDPOINT[0]+'home/question-partials/orgs.html'
    
        };
      }])
    
    $scope.updateOrgs=函数(selectedVal){
    var continueFlag=true;
    
    对于(var i=0;iso),您的指令代码在哪里?