Угловой ввод текста с привязкой Js с моделью

Я использую очень простой код для привязки ввода текста пользователя к модели. В текстовом поле пользователю предлагается ввести имя &, где говорится о «имени пользователя». Но я также хочу, чтобы Hello появлялся только тогда, когда пользователь вводит имя. Может ли кто-нибудь помочь мне с этим. В настоящее время Hello присутствует по умолчанию.Угловой ввод текста с привязкой Js с моделью

щ страница

<!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:""}; 
}

источник

2013-11-25 underdog

<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>

источник

2013-11-25 06:36:34 AlwaysALearner

благодарит за ответ; может объяснить, почему && и || используются; есть ли ссылка, откуда я могу ссылаться. message.text будет отображать все типы пользователей, после чего будет && делать? – underdog

@ShivangSarawagi Я обновил ответ. Посмотрите здесь: http://stackoverflow.com/questions/12008580/a-ternary-in-angular-templates-angularjs – AlwaysALearner

Можно ли использовать jquery для манипуляций с DOM с помощью angularJS? как вместо тернарного оператора использовать jquery hide, show method? – underdog

Угловой ввод текста с привязкой Js с моделью

ответ

Смежные вопросы