将Jade中的用户详细信息传递给Angular函数

Question

我正在使用MEAN堆栈。模板引擎是Jade。我需要将用户的细节从玉石传递给角函数。 我的玉代码如下：

extends layout 

block content 
    div.container 
     div.row 
      div.col-sm-6.col-md-4.col-md-offset-4 
        h1.text-center.login-title Welcome #{user.username}. User Details 
         div.signup-wall 
          ul.user-details 
           li Username ---> #{user.username} 
           li Email ---> #{user.email} 
           li First Name ---> #{user.firstName} 
           li Last Name ---> #{user.lastName} 

         a(href='/signout', class='text-center new-account') Sign Out 
         br 
         div 
          div 
           select 
            option(ng-repeat='p in projects') 
             {{ p.name }} 
         br 
         p #{user.username} 
         p #{user.email} 
         form(style="") 
          textarea(type='text', ng-model='formData.workdone', placeholder='Work Done') 
          br 
          br 
          textarea(type='text', ng-model='formData.workdoing', placeholder='Work Doing') 
          br 
          br 
          textarea(type='text', ng-model='formData.blockers', placeholder='Blockers') 
          br 
          br 
          button(type='submit', ng-click='({user.username})') Submit 

在点击链接{} user.username是不确定的。我无法将这个值从Jade传递给AngularJS。

Answer 1

我没有使用过Jade，但是在普通的html中，当你在ng-click属性中调用一个函数时，你不需要使用{}，当你点击按钮时你也缺少了要调用的函数的名字，也许，如果你有

button(type='submit', ng-click='myFunction(user.username)') Submit 

而且在你的控制器试试，你可以从$ scope变量获取用户名：

$scope.myFunction = function(username) { 
    console.log(username, $scope.user.username); 
};