Angularjs: Заявление о состоянии на основе current_user

Question

Есть что-то, что я застрял на пару дней. Я хотел бы отобразить элемент на основе текущего пользователя (id).

Для примера:

<!-- if current user has already 'liked' this post --> 
    Show 'UnLike' button 
<!-- else --> 
    Show 'Like' button 
<!-- end --> 

Как использовать условные операторы, основанные на идентификатор текущего пользователя в Angularjs?

Я использую Rails, как мой бэкэнда вместе с Завещания, если это помогает ..

Answer 1

позволяет сделать это легко.

Во-первых, setup gon.

На вашем уровне контроллера Rails, везде, где это необходимо, или в before_filter (before_action в 4 Rails), сделайте следующее:

gon.current_user = { id: current_user.id } 

затем на угловой стороне:

app.service 'sessionService', [ '$window', ($window)-> 

    factory = 
    current_user: -> 
     $window.gon.current_user 

    factory 
] 

Затем вводит вам услугу сеанса и у вас будет доступ к объекту current_user по методу

Answer 2

Если вы хотите, чтобы «Угловой способ» обрабатывался на клипе nt вы можете взглянуть на созданный мной working CodePen example.

Шаблон:

<section ng-app="app" ng-controller="MainCtrl"> 
    <ng-switch on="hasLiked"> 
    <button class="btn btn-primary" ng-switch-when="true">Unlike</button> 
    <button class="btn btn-primary" ng-switch-when="false">Like</button> 
    </ng-switch> 
    <br> 
    <button class="btn toggle" ng-click="hasLiked = !hasLiked" ng-bind-template="Change result of service call from '{{hasLiked}}' to '{{!hasLiked}}'">Change</button> 
</section> 

Javascript:

var app = angular.module('app', []); 

app.factory('userSvc', function() { 
    // mock $http lookup 
    var lookupResult = true; 

    return { 
    hasLiked: lookupResult 
    }; 
}); 

app.controller('MainCtrl', function($scope, userSvc) { 
    $scope.hasLiked = userSvc.hasLiked; 
});