Javascript 错误：未捕获类型错误：无法读取属性'；网间距'；谷歌地图angularjs中的空值

我使用谷歌地图在我的网站上实现。我已经在标题中添加了所有JavaScript。但是，我没有将以下代码添加到中，而是将其添加到加载到Ng视图中的模板中：

<input id="pac-input" class="controls" type="text" placeholder="Search Box">
<div id="map-canvas"></div>

当我在index.html中添加上述代码时，不会发生此错误，并且映射正常。 但我只需要在ng视图中加载它。我该怎么做？ 同样如问题中所述，这是使用angularjs结构和语言

---

提前感谢

如果这是一个角度应用程序，那么你应该考虑使用它：