使用Angular在coffeescript中分配变量

Question

我正在尝试将angular.js集成到找到here的pubnub webrtc示例中：

下面是我尝试使用angular为webrtc大厅指定名称的表单：

<form ng-controller="ctrl" ng-submit="submit()"class="box">
        <div>
        <input type="text" id="userid" placeholder="Username" ng-model="text" />
        <br />
        <a href="#" type="submit" class="btn btn-large btn-inverse" id="login">Log In</a>
        </div>
</form>

如何通过输入分配用户给出的字符串（使用Angular.js而不是显示的coffeescript），以便能够在我下面的coffeescript文件范围内使用？然后我想知道如何在另一个html元素中进一步显示给定的登录名。任何帮助将不胜感激。我理解这个例子的形式写得不太好。

我有以下咖啡脚本通过上面的表格从输入中获取uuid：

$(document).ready () ->
  # Globals
  # =================
  window.pubnub = null
  uuid = null
  currentCall = null
  myStream = null
  plusClient = null

  # Login
  # ================

  document.querySelector('#login').addEventListener 'click', (event) ->
    uuid = document.querySelector('#userid').value
    login "guest-#{uuid}"

  login = (name) ->
    uuid = name