Question

我使用非常简单的代码将用户文本输入绑定到模型。文本框提示用户输入名称＆amp;在输入上打招呼“用户名”。但我也希望Hello只在用户输入名称时出现。任何人都可以帮助我。目前Hello默认存在。

ui page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type="text/javascript" src="../js/prac_controller.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>prac_one</title>
</head>
<body ng-app>

<div ng-controller="pracOne">
Enter the name<br>
<input type="text" ng-model="message.text"/>
<p>Hello, {{message.text}}</p>
</div>
</body>
</html>

控制器

function pracOne($scope)
{
$scope.message={text:""};
}

Answer 1

<p>{{message.text ? 'Hello, ' + message.text : message.text}}</p>

或者

<p>{{message.text && 'Hello, '+message.text || message.text}}</p>

更新：如果要有条件地显示元素，可以使用ngShow：

<p><span ng-show="message.text != ''">Hello, </span>{{message.text}}</p>

Angular Js使用模型绑定文本输入

1 个答案: