我对使用Angular 1.3构建应用流程的最佳方法有疑问。我正在尝试按照像Matias Niemela(https://www.airpair.com/angularjs/workshops/component-based-directives-angularjs)这样的人来纳入“基于组件的指令”方法。他在一个视频中说仍然使用控制器进行路由而不是完全没有控制器,而是使用指令来创建可重用的组件,这些组件都注入了所有依赖项。
我对Angular有点新,但是在使用Java编写的控制器首先完成获取页面所需数据之前,使用Java mvc框架之前,在构建和提供一些html之前。我想知道我是否因为Angular中使用的javascript调用的异步性而有点不稳定,也许假设事情发生在他们无法保证的顺序中....
我想尝试让涉及的指令有任何依赖注入的东西(可能是通过attr's)来提高测试能力等。
对于简单的客户列表,我设想了类似下面的内容,点击该列表中的单个客户进入客户详细信息页面:
1)使用目标html页面和控制器定义路径。 2)控制器获取客户列表(理想情况下通过服务),然后通过Controller As将其提供给html页面(因此Controller MyController作为myCont,意味着列表应该可以通过类似myCont.myCustomers的方式获得) 3)指令定义为显示客户行的详细信息(名称/地址,以及将客户编号作为参数传递到详细信息页面的可点击链接) 4)html页面有一个ng-repeat,使用指令显示myCustomers中的所有myCustomer。因此,我想通过Attr(将我的依赖注入)将单个客户详细信息传递到指令中,然后为每个客户显示它们......
(或者,当然,该指令可以接纳所有客户并显示所有客户)
所以,我的问题是这是否是正确的方法,或者我错过了这些应用程序需要流动的方式?我试过让它运转起来没有成功(从家里发布这个并且我的尝试正在进行中......如果人们认为它有价值,我会发布尝试,但我的第一个问题是关于我的整体方法本身是否存在缺陷或者不)
然后,第二,为了获得传递给指令的每个客户的数据,我假设我需要传递包含指令的html页面中的字段,传递类似{{myCustomer}}的内容... 它是否正确? (我可以假设Controller在ng-Repeat尝试循环遍历所有客户并将数据发送到指令之前已经完成了所有数据的获取,在这种情况下,我应该通过其他机制传递数据吗? )
我似乎无法在Web上找到任何将基于组件的指令绑定在一起的示例,通过Controller进行路由,将数据从该控制器传递到指令,因此非常感谢任何帮助!
谢谢!