Как спрятать div на салфетки в Angular

Question

Что я хочу делать?

Я хочу закрыть/скрыть div, когда вы правы.

Что делает div?

Это всплывающее окно, которое отображается при нажатии кнопки. Я хочу закрыть это всплывающее окно (этот div), когда я прокручу направо.

Что я могу использовать?

Ионные.

В моих app.js, у меня есть это:

$scope.warn = function (message) { 
     alert(message); 
    }; 

И в HTML файл, где ДИВ, у меня есть это:

<div on-swipe-right="warn('Must use scope')">....</div> 

Это дает мне предупреждение, поэтому я знаю, что жест жестов работает.

Теперь я хочу скрыть div, когда я прокручу направо, но я не знаю, как реализовать это с помощью ng-show. Или я должен использовать CSS?

Answer 1

Вы очень близки. Просто следить в «показывая» флаг, что-то вроде этого:

<div on-swipe-right="close(message)" 
    ng-hide="hide">....</div> 

Тогда в контроллере:

$scope.close = function (message) { 
    $scope.hide = true; 
}; 

---

Видя, что вы используете термины, как «сообщение», вы, вероятно, использовать ng-repeat. В этом случае, вы можете сделать что-то вроде этого:

<div ng-repeat="message in messages"> 
    <div on-swipe-right="close(message)" 
     ng-hide="message.closed">....</div> 
</div> 

И контроллер:

$scope.messages = [{ 
    text:"someText" 
}, { 
    text:"some other text" 
}]; 

$scope.close = function (message) { 
    message.closed = true; 
};