Передача параметра из HTML в JavaScript в Angular

Question

Передача параметра из HTML в JavaScript в Angular

0

У меня есть функция javascript, которой я должен передать параметр. Этот параметр должен быть извлечен из html, как это

<tr  ng-repeat="restaurant in accounts.selectedRestaurants">
  <td >{{restaurant}}</td>
   <td>{{accounts.findAllAccountsByRestaurant(restaurant)}}</td>
</tr>

моя функция - accounts.findAllAccountsByRestaurant(), а параметр - ресторан, который извлекается из ng-repeat.Как я могу передать этот параметр функции? Спасибо заранее.

szejli 03 июль 2015, в 16:56

Источник

Теги:

javascript

angularjs

angularjs-scope

3 ответа

Ещё вопросы

lexigren · Answer 1 · 2015-07-03T13-20-00.000Z

Если вы правильно определили сферу действия, все должно работать так: http://jsfiddle.net/jpwup7Lb/5/

$scope.accounts={
    selectedRestaurants:
        ["one","two","three"],
    findAllAccountsByRestaurant:function(restaraunt){
        return "here all accounts for "+restaraunt;
    }
}

Jax · Answer 2 · 2015-07-03T12-45-00.000Z

0

попробуйте сделать это:

<tr  ng-repeat="restaurant in accounts.selectedRestaurants">
  <td >{{restaurant}}</td>
   <td>{{accounts.findAllAccountsByRestaurant(restaurant)}}</td>
</tr>

Затем в вашем контроллере

$scope.accounts.findAllAccountsByRestaurant = function(restaurant) {   return alert(restaurant); };

Jax 03 июль 2015, в 12:45

0

Да но мне не нужна кнопка в тд
szejli 03 июль 2015, в 14:44
0

Итак, вы хотите перебрать массив и вызвать функцию для каждого объекта?
Jax 03 июль 2015, в 14:46
0

да точно, но я должен вызывать функцию внутри тд не в кнопке
szejli 03 июль 2015, в 14:48
0

ваша функция определена в $ scope? если так, ваш код должен работать
Jax 03 июль 2015, в 14:58
0

Спасибо за ваш ответ. Это было очень полезно для меня. У меня есть одна небольшая проблема, я не знаю ее происхождение. Я покажу это в основном посте.
szejli 06 июль 2015, в 09:20
0

В чем проблема?
Jax 06 июль 2015, в 09:22
0

Я разместил это в главном посте выше
szejli 06 июль 2015, в 09:32
0

У вас есть идея, пожалуйста?
szejli 06 июль 2015, в 09:51

Показать ещё 6 комментариев

Amay Kulkarni · Answer 3 · 2015-07-03T12-42-00.000Z

попробуй вот так

<body>

<div ng-app="myApp" ng-controller="myCtrl">
<table>
<tr ng-repeat="product in products">
<td ng-init="Y(product)">{{product}}</td>
</tr>
</table>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.products=[11,22,33];
$scope.Y= function(ar)
 {
 alert(ar);
 };
});
</script>
</body>