在視圖中從一個範圍變量插值嵌套值

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指令實例化了控制器，則實例化應該位於兩個視圖的共同父級上。

---

順便說一句，請注意，自舉類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

晚在這裏聚會，但萬一別人運行到這個問題：

嘗試初始化你timerange變量在構造函數中。

this.selected.timerange = {}如果不行去一個更深一步

this.selected.timerange.schedule_start_at = ""（保持從上面的INIT）

不知道這背後的理念，但我猜它是與觀測和/或承諾，如果那就是你如何得到你的變量（這是我的情況至少是這個問題）