将名字和姓氏都收集到一个全名中答案

【问题标题】：Gather both first and lastname into a full name将名字和姓氏都收集到一个全名中
【发布时间】：2016-01-15 20:33:31
【问题描述】：

我开始使用我的第一个 Angular 应用程序，因此当有人将名字和姓氏都写成名字时，我必须展示全名。

我的意思是，这几个名字和姓氏并表明全名。现在的问题是它根本没有添加全名总数。

UsersCreate.js -（我确定问题出在此处）

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

UserCreatenNow.controller('CreateUserNow', function ($scope) {
    //checking on first name and surname are written.
    if ($scope.name != null && $scope.lastname != null)
    {
        //prints it together
        $fullname = "Welcome to " + $scope.name + " " + $scope.lastname;
    }
});

创建.cshtml

<div ng-app="UserCreatenNow" ng-controller="CreateUserNow">
<div class="form-group">
                <div class="col-xs-12">
                    @Html.LabelFor(u => u.Fornavn)
                    @Html.TextBoxFor(u => u.Fornavn, new
               {
                   @class = "form-control",
                   @ng_model = "name",
                   @placeholder = HelperTextClass.HelperText.placeholderInfo.Fornavn
               })
                    @Html.ValidationMessageFor(u => u.Fornavn, "", new
               {
                   @class = "label label-danger"
               })
                </div>
            </div>

            <div class="form-group">
                <div class="col-xs-12">
                    @Html.LabelFor(u => u.Efternavn)
                    @Html.TextBoxFor(u => u.Efternavn, new
               {
                   @class = "form-control",
                   @ng_model = "lastname",
                   @placeholder = HelperTextClass.HelperText.placeholderInfo.Efternavn
               })
                    @Html.ValidationMessageFor(u => u.Efternavn, "", new
               {
                   @class = "label label-danger"
               })
                </div>
            </div>
<div class="form-group">
    <div class="col-xs-12">
         <p class="label label-danger"></p>
         <button type="submit" class="btn btn-effect-ripple btn-success"><i class="fa fa-plus"></i> Create user {{fullname}}</button>
    </div>
</div>
</div>

【问题讨论】：

您没有将fullname 添加到范围。 $scope.fullname
$scope.name 在您的if 中将始终为空。该条件只会在控制器运行时评估
@charlietfl 它根本不会真正呈现出来。

标签： angularjs asp.net-mvc model-view-controller

【解决方案1】：

$fullname 不在范围内。试试这个：

//prints it together
$scope.fullname = "Welcome to " + $scope.name + " " + $scope.lastname;

【讨论】：

尝试将输入绑定到一个对象，而不是直接绑定到范围。所以范围是这样的： $scope.user = {name: '', lastname:''}
感谢您的帮助。现在它为我工作。我给你+1，我希望你能给我一个+1。