Интерполирующие иерархические значения из области видимости переменных в представлении

Question

Таким образом, у меня есть следующий вид:

<p type="text" disabled='true' class="form-control" > 
    {{selected.timerange}} 
</p> 

Значение $scope.selected.timerange является:
{"available":false,"schedule_start_at":"2015-03-13T00:30:00","schedule_end_at":"2015-03-13T01:00:00"}

Это работает отлично, но когда я использую следующие вид:

<p type="text" disabled='true' class="form-control"> 
    {{selected.timerange.schedule_start_at}} 
</p> 

Интерполяция не происходит.
Я не могу понять, почему. Любая помощь, пожалуйста?

Answer 1

Ваш пример работает, если вы правильно настроили угловой. См fiddle

Убедитесь, что:

• контроллер, который отвечает за вторую точку зрения тот же экземпляр, что один отвечает за первый взгляд. Если вы создавали экземпляр контроллера с помощью директивы ngController, экземпляр должен быть общим родителем для обоих представлений.

---

Кстати, обратите внимание, что класс boostrap form-control обычно для input элементов, а не для пунктов.

Рассмотрим замену:

<p type="text" disabled='true' class="form-control" > 
    {{selected.timerange}} 
</p> 

с:

<input type="text" disabled='true' class="form-control" value="{{selected.timerange}}"/> 

Answer 2

Поздно партии здесь, но в случае, если кто-то бежит в этот вопрос:

Try инициализации вашего timerange переменная в конструкторе.

this.selected.timerange = {}, если это не работает, еще один шаг глубже

this.selected.timerange.schedule_start_at = "" (держа Init сверху)

Не уверен, что философия, но я предполагаю, что это что-то делать с наблюдаемыми и/или обещания, если это то, как вы получаете свои переменные (это было проблемой в моем случае, по крайней мере)