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

【问题标题】：Pass user details in Jade to Angular function将 Jade 中的用户详细信息传递给 Angular 函数
【发布时间】：2015-11-06 12:17:53
【问题描述】：

我正在使用 MEAN 堆栈。模板引擎是 Jade。我需要将用户详细信息从玉传递到角度函数。我的 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。

【问题讨论】：

标签： angularjs pug

【解决方案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);
};

【讨论】：