ngのリピート内NGクリック

Question

を働いていない私は「UserspaceController」を使用します「ビュー/ userspace.html」へのルートに

をrouteProviderを使用しています「ビュー/ userspace.htmlは」このコントローラを認識し、要求aを作ります$ httpリクエスト。このリクエストは動作し、 "views/userspace.html"（ng-repeat内）の値を見ることができます。しかし、同じコントローラでは、私は$scope.videoClick機能が動作していないと定義しています。どんな考え？

var application = angular.module("tss.application", 
    [ 
     "ngRoute", 
     "ui.bootstrap" 
    ]); 

    application.config(function($routeProvider) 
    { 
     $routeProvider 
      .when("/", { 
      templateUrl : "views/main.html", 
      controller: "LoginController" 
      }) 
      .when("/files", { 
      templateUrl : "views/userspace.html", 
      controller: "UserspaceController" 
      }); 
    }); 

userspace_controller.js

angular.module('tss.application').controller("UserspaceController", 
    function($scope, $log, $http, $uibModal) 
    {  
     $http(
      { 
       url  : "/dirlist", 
       method : "GET", 
      }).then(function successCallback(response) 
      { 
       $scope.lists = response.data; 
      }, 
      function errorCallback(response) 
      { 
       window.alert("Dir list could not be get"); 
      });  
     $scope.videoClick = function() 
     {   
      $log.info('received.'); 
      $uibModal.open(
      { 
       templateUrl: '/views/content.html', 

      }); 
     };   
    }); 

userspace.html

<li ng-repeat="list in lists" ng-click="videoClick(list.src)">{{list.name}}</li> 

Answer 1

変更パラメータ

$scope.videoClick = function(val) { 
    $log.info('received.'); 
    $uibModal.open({ 
     templateUrl: '/views/content.html', 

    }); 
}; 

に受け入れるようにあなたの関数

またはそれがために、あなたの中のHTML

<li ng-repeat="list in lists" ng-click="videoClick()">{{list.name}}</li> 

Answer 2

に機能を変更します。

$scope.videoClick = function() 
    {   
     $log.info('received.'); 
     $uibModal.open(
     { 
      templateUrl: '/views/content.html', 

     }); 
    }; 

あなたはカンマが必要ではないので、別のプロパティが必要なために関数がエラーをスローします。

また、HTMLを渡す変数を使用している場合は、Sajeetharanの答えを使用する必要があります。