Angularjs 基于条件的表达式_Angularjs_Expression_Ternary Operator

Angularjs 基于条件的表达式

angularjs

Angularjs 基于条件的表达式,angularjs,expression,ternary-operator,Angularjs,Expression,Ternary Operator,我刚开始练习Angular JS，我成功地获得了第一个输出，但是当我试图根据我的条件修改代码时，它给了我错误的输出我提供了一个文本框，供献血者输入姓名，并提供了一个下拉列表，供其选择血型。第一个代码将显示捐献者提供数据时的姓名和血型示例代码：- 捐赠者姓名：血型： A+ A- AB+ AB- B+ B- O+ O- {{donorName}{{donorGroup} 只需执行以下操作： <span data-ng-show="donorName && donorG

我刚开始练习

Angular JS

，我成功地获得了第一个输出，但是当我试图根据我的条件修改代码时，它给了我错误的输出

我提供了一个

文本框

，供献血者输入姓名，并提供了一个

下拉列表

，供其选择血型。第一个代码将显示捐献者提供数据时的姓名和血型

示例代码：-


捐赠者姓名：
血型：
A+
A-
AB+
AB-
B+
B-
O+
O-
{{donorName}{{donorGroup}

只需执行以下操作：

<span data-ng-show="donorName && donorGroup">{{donorName}} blood group is {{donorGroup}}</span>

简单地做：

<span data-ng-show="donorName && donorGroup">{{donorName}} blood group is {{donorGroup}}</span>


捐赠者姓名：
血型：
A+
A-
AB+
AB-
B+
B-
O+
O-
{{donorName！=''donorName:'}}的血型是{{donorGroup}
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
});


捐赠者姓名：
血型：
A+
A-
AB+
AB-
B+
B-
O+
O-
{{donorName！=''donorName:'}}的血型是{{donorGroup}
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
});

您可以尝试下面的代码

        <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <body>

    <div ng-app ="sortApp" ng-controller ="mainController">
                    <!DOCTYPE html>
<html lang="eng-US">
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    </head>
    <body>
        <div ng-app="">
            <div>
                <span>Donor name :  <input type="text" ng-model="donorName"></span>
            </div>
            <div>
                <span>
                    Blood group :   <select ng-model="donorGroup">
                                        <option value="A+">A+</option>
                                        <option value="A-">A-</option>
                                        <option value="AB+">AB+</option>
                                        <option value="AB-">AB-</option>
                                        <option value="B+">B+</option>
                                        <option value="B-">B-</option>
                                        <option value="O+">O+</option>
                                        <option value="O-">O-</option>
                                    </select>                                   
                </span>
            </div>          
            <div> {{ (donorName && donorGroup) ? donorName +'s blood group is' + donorGroup : ''}} </div>
        </div>
    </body>
</html>
                </div>
    <script>
    angular.module('sortApp', [])

    .controller('mainController', function($scope) {

    });
    </script> 

    </body>
    </html>


捐赠者姓名：
血型：
A+
A-
AB+
AB-
B+
B-
O+
O-
{（donorName&&DONORGOUP）？donorName+的血型为“+DONORGOUP:”}
角度模块（'sortApp'，[]）
.controller（'mainController'，函数（$scope）{
});

您可以尝试下面的代码

        <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <body>

    <div ng-app ="sortApp" ng-controller ="mainController">
                    <!DOCTYPE html>
<html lang="eng-US">
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    </head>
    <body>
        <div ng-app="">
            <div>
                <span>Donor name :  <input type="text" ng-model="donorName"></span>
            </div>
            <div>
                <span>
                    Blood group :   <select ng-model="donorGroup">
                                        <option value="A+">A+</option>
                                        <option value="A-">A-</option>
                                        <option value="AB+">AB+</option>
                                        <option value="AB-">AB-</option>
                                        <option value="B+">B+</option>
                                        <option value="B-">B-</option>
                                        <option value="O+">O+</option>
                                        <option value="O-">O-</option>
                                    </select>                                   
                </span>
            </div>          
            <div> {{ (donorName && donorGroup) ? donorName +'s blood group is' + donorGroup : ''}} </div>
        </div>
    </body>
</html>
                </div>
    <script>
    angular.module('sortApp', [])

    .controller('mainController', function($scope) {

    });
    </script> 

    </body>
    </html>


捐赠者姓名：
血型：
A+
A-
AB+
AB-
B+
B-
O+
O-
{（donorName&&DONORGOUP）？donorName+的血型为“+DONORGOUP:”}
角度模块（'sortApp'，[]）
.controller（'mainController'，函数（$scope）{
});

这是一个让我了解data ng show的好方法，谢谢。但是我们如何在布尔条件中插入表达式呢？我不明白你的问题。请详细说明@ArunSudhakaran@ArunSudhakaran当前位置我已经添加了您要求的内容，但这不是一个好办法。我对Angular JS完全不熟悉，我不知道名称和类是什么，因为它不在我的代码中抱歉，我编辑了我的答案。那是我一直在尝试的。将变量改为您正在使用的@ArunSudhakarangood，这是一个让我了解数据显示的变量，谢谢。但是我们如何在布尔条件中插入表达式呢？我不明白你的问题。请详细说明@ArunSudhakaran@ArunSudhakaran当前位置我已经添加了您要求的内容，但这不是一个好办法。我对Angular JS完全不熟悉，我不知道名称和类是什么，因为它不在我的代码中抱歉，我编辑了我的答案。那是我一直在尝试的。将变量改为您正在使用的@arunsudhakaran这将始终显示插值后的句子和donorGroup这将始终显示插值后的句子和donorGroup