小编Gra*_*ham的帖子

有没有办法在AngularJS绑定中使用数学函数？

例如

<p>The percentage is {{Math.round(100*count/total)}}%</p>

这个小提琴显示了这个问题

http://jsfiddle.net/ricick/jtA99/1/

我对这整个MV*客户端框架狂热都很陌生.它不一定是AngularJS,但我之所以选择它,是因为它比Knockout,Ember或Backbone更自然.无论如何,工作流程是什么样的？人们是否开始在AngularJS中开发客户端应用程序,然后将后端连接到它？

或者反过来首先在Django,Flask,Rails中构建后端,然后将AngularJS应用程序附加到它上面？是否有"正确"的方式,或者它最终只是个人偏好？

我也不确定是否根据Flask或AngularJS构建我的项目？社区实践.

例如,Flask的minitwit应用程序的结构如下:

minitwit
|-- minitwit.py
|-- static
   |-- css, js, images, etc...
`-- templates
   |-- html files and base layout

AngularJS教程应用程序的结构如下:

angular-phonecat
|-- app
    `-- css
    `-- img
    `-- js
    `-- lib
    `-- partials
    `-- index.html
|-- scripts
 `-- node.js server and test server files

我可以自己想象一个Flask应用程序,并且很容易看到AngularJS应用程序就像ToDo List一样,但是当涉及到使用这两种技术时,我不明白它们是如何协同工作的.当你已经拥有AngularJS时,我几乎不需要服务器端的Web框架,一个简单的Python Web服务器就足够了.例如,在AngularJS待办事项应用程序中,他们使用MongoLab使用Restful API与数据库通信.后端不需要Web框架.

也许我只是非常困惑,而AngularJS只不过是一个花哨的jQuery库,所以我应该像我在Flask项目中使用jQuery一样(假设我将AngularJS模板语法更改为与Jinja2不冲突的东西).我希望我的问题有道理.我主要在后端工作,这个客户端框架对我来说是一个未知的领域.

我正在使用AngularJS作为前端设置一个新的应用程序.客户端的所有内容都使用HTML5 pushstate完成,我希望能够在Google Analytics中跟踪我的网页浏览量.

HTML源代码

<div ng-app="">
    <div ng-controller="test">
      <div ng-address-bar browser="html5"></div>
      <br><br>
      $location.url() = {{$location.url()}}<br>
      $location.search() = {{$location.search('keyword')}}<br>
      $location.hash() = {{$location.hash()}}<br>     
      keyword valus is={{loc}} and ={{loc1}}
  </div>
</div>

AngularJS源代码

<script>
function test($scope, $location) {
  $scope.$location = $location;
  $scope.ur = $scope.$location.url('www.html.com/x.html?keyword=test#/x/u');
  $scope.loc1 = $scope.$location.search().keyword ;    
    if($location.url().indexOf('keyword') > -1){    
        $scope.loc= $location.url().split('=')[1];
        $scope.loc = $scope.loc.split("#")[0]        
    }
  }
 </script>

这里变量loc和loc1返回测试作为上述URL的结果.这是正确的方法吗？

我正在使用AngularJS构建一个动态Web应用程序.是否可以ng-view在单个模板上使用多个？

AngularJS可以做的一件有趣的事情是将过滤器应用于特定的数据绑定表达式,这是一种应用的便捷方式,例如,特定于文化的货币或模型属性的日期格式.在范围上计算属性也很好.问题是这些功能都不适用于双向数据绑定方案 - 只是从范围到视图的单向数据绑定.这在一个优秀的图书馆中似乎是一个明显的遗漏 - 或者我错过了什么？

在KnockoutJS中,我可以创建一个读/写计算属性,它允许我指定一对函数,一个被调用以获取属性的值,另一个在设置属性时被调用.这允许我实现,例如,文化感知输入 - 让用户键入"$ 1.24"并将其解析为ViewModel中的浮点数,并在输入中反映ViewModel中的更改.

我能找到的最接近的东西是使用$scope.$watch(propertyName, functionOrNGExpression);这个允许我在$scope更改属性时调用一个函数.但这并不能解决例如文化意识的输入问题.当我尝试$watched在$watch方法本身中修改属性时,请注意问题:

$scope.$watch("property", function (newValue, oldValue) {
    $scope.outputMessage = "oldValue: " + oldValue + " newValue: " + newValue;
    $scope.property = Globalize.parseFloat(newValue);
});

(http://jsfiddle.net/gyZH8/2/)

当用户开始输入时,输入元素变得非常混乱.我通过将属性拆分为两个属性来改进它,一个用于未解析的值,另一个用于解析的值:

$scope.visibleProperty= 0.0;
$scope.hiddenProperty = 0.0;
$scope.$watch("visibleProperty", function (newValue, oldValue) {
    $scope.outputMessage = "oldValue: " + oldValue + " newValue: " + newValue;
    $scope.hiddenProperty = Globalize.parseFloat(newValue);
});

(http://jsfiddle.net/XkPNv/1/)

这是对第一个版本的改进,但是有点冗长,并注意到parsedValue范围更改的属性仍然存在问题(在第二个输入中键入内容,parsedValue直接更改.注意顶部输入不更新).这可能发生在控制器操作或从数据服务加载数据. …

如何在AngularJS中正确显示日期和时间？

下面的输出显示输入和输出,有和没有AngularJS日期过滤器:

In: {{v.Dt}}  
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

这打印:

In: 2012-10-16T17:57:28.556094Z 
AngularJS: 2012-10-16T17:57:28.556094Z

所需的显示格式是 2010-10-28 23:40:23 0400或2010-10-28 23:40:23 EST

我尝试过WebStorm,但似乎只有基本的JavaScript支持,就像我尝试过的任何其他Web IDE一样.我正在寻找一些可以让我从HTML页面点击到控制器等的东西.

如果对这个问题的答案是"不",那么是否有任何其他类似于Angular的JavaScript框架会有类似Eclipse插件或某些IDE中的任何其他类型的显式支持？

如何使用AngularJS渲染动态定义列表？

例:

数据:

[
    {
        key: 'a',
        value: 'x'
    }, {
        key: 'b',
        value: 'y'
    }
]

期望的HTML:

<dl>
    <dt>a</dt>
    <dd>x</dd>
    <dt>b</dt>
    <dd>y</dd>
</dl>

http://docs.angularjs.org/tutorial/step_08上的示例:

<dl>
    <dt>Availability</dt>
    <dd ng-repeat="availability in phone.availability">{{availability}}</dd>
</dl>

适用于动态数量的dds和静态dts数,但不是两者的动态数.

我被要求为我们的一个客户构建一个小型Web应用程序,并认为这可能是一个尝试构建Web应用程序的不同框架的好机会.我们构建的大多数应用程序都基于asp.net Web表单,我们还没有在MVC架构中做过任何事情,但我渴望用更合理的工具以更加结构化的方式开始构建Web应用程序.

我一直在研究像asp.net MVC这样的东西看起来相当不错,但我想知道有什么可以说使用像Google AngularJS框架这样的东西.

如果可能的话,我仍然希望能够使用c#编写我的服务器端代码,并且我还没有研究过AngularJS,知道这是否可行,尽管我假设我可以使用Web服务.

有没有人有使用AngularJS开发应用程序的经验,如果有的话,它是怎么做的,你能指出我在一些教程的正确方向吗？