Question

试图找出ng-show和ng-if。我想只在您以管理员身份登录时才显示按钮。如果用户是雇员，则必须隐藏按钮。

我的部分HTML代码：

var express = require('express');
var bodyParser = require('body-parser')
var app = express();

app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

app.post('/hello', function (req, res) {
  res.send("Hello from server");
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});

我app.js代码的一部分：

 <md-button ng-show="user.role == 'admin'" class="md-raised md-primary pull-left customYellow" aria-label="Add a user" ng-click="showPopUpAddUser($event)">
        <md-icon md-svg-src="assets/images/person_add.svg"></md-icon>
        <md-tooltip>
         Invite a user
        </md-tooltip>
     </md-button>

Answer 1

试试这个

ng-show="user.role == 'admin'"

您忘记在代码中添加''

Answer 2

我不是视野中的忠实粉丝。这只是个人偏好，但我会将===抽象为过滤器：

app.filter('equals', function () {
   return function (actual, expected) {
       return actual === expected;
   };
});

然后在视图上：

ng-show="admin.role | equals:'admin'"

Ng-show或ng-if在用户角色为员工时隐藏按钮

2 个答案: