Jest to częsty błąd w nowych aplikacjach Angular. Nie chcesz zapisywać swoich wartości w kodzie HTML na serwerze, jeśli możesz tego uniknąć. W rzeczywistości, jeśli możesz uciec od całkowitego renderowania kodu HTML przez serwer, tym lepiej.
Idealnie byłoby, gdybyś chciał wysłać szablony Angular HTML, a następnie ściągnij swoje wartości przez $ http w formacie JSON i umieść je w swoim zakresie.
Więc jeśli to możliwe, zrób to:
app.controller('MyController', function($scope, $http) {
$http.get('/getCardInfo.php', function(data) {
$scope.card = data;
});
});
<input type="text" ng-model="card.description" />
Jeśli absolutnie MUSISZ wyrenderować swoje wartości do kodu HTML ze swojego serwera, możesz umieścić je w zmiennej globalnej i uzyskać do nich dostęp za pomocą $ window:
W nagłówku swojej strony napisałbyś:
<head>
<script>
window.card = { description: 'foo' };
</script>
</head>
A potem w kontrolerze otrzymasz to w ten sposób:
app.controller('MyController', function($scope, $window) {
$scope.card = $window.card;
});
Mam nadzieję że to pomogło.