相关疑难解决方法(0)

假设我熟悉在jQuery中开发客户端应用程序,但现在我想开始使用AngularJS.你能描述一下必要的范式转变吗？以下是一些可能有助于您确定答案的问题:

• 如何以不同方式构建和设计客户端Web应用程序？最大的区别是什么？
• 我应该停止做什么/使用什么; 我应该开始做什么/使用呢？
• 是否存在任何服务器端注意事项/限制？

我不是在寻找jQuery和之间的详细比较AngularJS.

我知道你不应该把你的显示逻辑放在一个控制器中,我正在努力用正确的AngularJS方法来解决这个问题.

我在模态中呈现形式.我正在使用Zurb Foundation的模型显示.

标记:

<div class="button" ng-click="modalAddWidget">Add Widget</div>
<div id="modalAddWidget" class="reveal-modal">
  <h6>New Widget</h6>
  <form>
    <fieldset>
      <legend>Widget Name</legend>
      <input type="text" ng-model="ui.add_widget_value" />
    </fieldset>
    <div class="small button right" ng-click="addWidget()">Add Widget</div>
    <div class="small button right secondary" ng-click="addWidgetCancel()">Cancel</div>
  </form>
</div>

控制器:

  ...
  $scope.modalAddWidget = function() {
    $("#modalAddWidget").reveal();
  }
  $scope.addWidget = function() {
    $scope.myobject.widgets.push({"name": $scope.ui.add_widget_value});
    $scope.ui.add_widget_value = '';
    $('#modalAddWidget').trigger('reveal:close');
  }
  $scope.addBudgetCancel = function() {
    $scope.ui.add_widget_value = '';
    $('#modalAddWidget').trigger('reveal:close');
  }
  ...

注意:$ scope.ui是我用来存储不应绑定到我的对象的UI值的对象,直到用户实际点击"添加窗口小部件"为止

$ scope.myobj是我的数据存储位置.

Foundation的$("#modalAddWidget").reveal();功能提供了模态叠加.

因为我不应该将我的显示代码放在控制器中,所以采用这种方法的正确方法是什么？