AngularJs聊天应用程序。动态指令

Question

我正在开发一个聊天应用程序，作为骨干开发人员。这是一次学习的经历，我不知道如何处理这件事。

在我的例子中，用户和彼此聊天就像facebook聊天应用程序一样。点击一个用户，创建一个房间，然后开始聊天非常简单。它是非常易于管理的骨干。

var room = {
    id: 123123,
    participants: [{
        id: 123,
        name: 'user-1'
    }, {
        id: 124,
        name: 'user-2'
    }]
};

var newChatWindow = new App.views.ChatWindow({
    model: new App.models.Chat(room)
});

有了这个，我可以在自己的范围内管理多个聊天窗口。

我认为角指令可以做到这一点。但是如何为每个开放的房间创建新的控制器并在自己的范围内运行。我需要一个好的练习。当分离的控制器发出如下消息时。

SocketService.emit('newMessage', {
  room: room,
  data: {
    message: "bla bla",
    owner: user
        ...
  }
});

我需要一个简短的例子来解释如何用角度来处理这个问题。

Answer 1

创建指令时，只需指定控制器名称。

var directive = function() {

        return {
            restrict: 'E',
            replace: true,
            controller: 'group.panel.controller',
            templateUrl: '/templates/groups/group_panel'
        };

    };

    module.directive('groupPanel', directive)

然后，该指令的每次使用都会得到它自己的实例。如果你想要更多的信息，你可以尝试搜索像{“角”、“指令”、“范围”、“控制器”这样的词，这些词应该会让你和角度文档一起进入大致的位置。

另外，请参阅本文档中关于“隔离指令范围”的部分：https://docs.angularjs.org/guide/directive。