W moim tekście mam kod:Czy mogę wyświetlić alternatywny tekst w moim div, jeśli {{user.userName}} ma wartość null?
<div>{{ user.userName }}</div>
czy istnieje sposób mogę zrobić to wyświetlenie komunikatu „Proszę login” jeśli user.username jest null. Uwaga Chciałbym zakodować tę logikę biznesową na kliencie, a nie na kontrolerze.
<div>{{ user.userName || 'alternate text' }}</div>
<br>
<html>
<head>
<script data-require="[email protected]*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js">
</script>
<link rel="stylesheet" href="style.css" />
</head>
<body ng-controller="test">
<span>{{user.name || "alt text"}}</span>
<script>
var app = angular.module("app", []);
app.controller("test", function($scope) {});
angular.bootstrap(document, ["app"]);
</script>
</body>
</html><div ng-if="user.userName">{{user.userName}}</div>
<div ng-if="!user.userName">Please login"</div>
Można to zrobić na kilka sposobów:
<div>{{ methodForTextDisplay(user.userName) }}</div>
Lub:
<div>{{user.userName || "some default text"}}</div>
Lub:
<div ng-show="user.userName" >{{ user.userName }}</div>
<div ng-show="!user.userName" >Default text</div>
Twoje pierwsze rozwiązanie jest sprzeczne z chęcią "zakodowania logiki klienta, a nie kontrolera", twoje drugie rozwiązanie jest moim duplikatem. – mccainz
Nie sądzę, że klient jest właściwym terminem, zamiast tego użyłbym szablonu lub widoku. – haimlit
@mccainz zależy od Twoich wymagań i ilości opcji do wyświetlenia pierwszego wariantu nadal przydatne. Drugi wariant opublikowałem, ponieważ nie widziałem Twojego komentarza. Wysłałeś swój wariant tuż przede mną. – Lugaru
Proszę dodać wyjaśnienie do swojej odpowiedzi. – Pedram