小编kis*_*nio的帖子

我有一个显示我的产品的基本控制器,

App.controller('ProductCtrl',function($scope,$productFactory){
     $productFactory.get().success(function(data){
           $scope.products = data;
     });
});

在我看来,我在列表中显示这些产品

<ul>
    <li ng-repeat="product as products">
        {{product.name}}
    </li>
</ul

我想要做的是当有人点击产品名称时,我有另一个名为cart的视图,其中添加了此产品.

 <ul class="cart">
      <li>
          //click one added here
      </li>
      <li>
          //click two added here
      </li>
 </ul>

所以我的疑问是,如何将这个点击的产品从第一个控制器传递到第二个？我认为购物车也应该是一个控制器.

我使用指令处理click事件.另外我觉得我应该使用服务来实现上述功能只是无法想象如何？因为购物车将是预定义的,所添加的产品数量可能是5/10,具体取决于用户所在的页面.所以我想保持这种通用性.

更新:

我创建了一个广播服务,在第二个控制器中我收到它.现在查询是如何更新dom的？由于我的产品列表是非常硬编码的.

无论如何我可以在页面加载的选择框上触发更改事件并选择一个特定的选项.

此外,通过在将函数绑定到事件后添加触发器来执行该函数.

我试图输出像这样

<select class="check">
<option value="one">one</option>
<option value="two">two</option>
</select>

$(function(){
    $('.check').trigger('change'); //This event will fire the change event. 
    $('.check').change(function(){
      var data= $(this).val();
      alert(data);            
    });
});

http://jsfiddle.net/v7QWd/1/

我一直在实施Tyler McGinnis课程以学习反应.

这是一个天气应用程序.我在调试一个奇怪的行为时遇到了麻烦.我很确定这是我正在做的事情,或者我可能错过了一条信息.

SearchContainer 是ParentContainer,

var React = require("react");
var Search = require("../components/Search");

var SearchContainer = React.createClass({
  propTypes: {
    formType: React.PropTypes.string
  },
  contextTypes: {
    router: React.PropTypes.object.isRequired
  },
  getDefaultProps: function() {
    return {
      formType: "form"
    }
  },
  getInitialState: function() {
    return {
      city: ""
    }
  },
  handleSearchSubmit: function(e) {
    e.preventDefault();
    this.context.router.push('/forecast/' + this.state.city);
  },
  handleCityChange: function(e) {
    this.setState({
      city: e.target.value
    });
  },
  render() {
    return (
      <Search
        formType={this.props.formType}
        city={this.state.city}
        onCityChange={this.handleCityChange}
        onSearchSubmit={this.handleSearchSubmit}/>
    );
  }
})

module.exports = SearchContainer;

SearchContainer更改上下文并切换到 …

我需要一些指导来弄清楚如何将Angular内置于导轨中.

选择Rails的原因:我喜欢他们采用的opionated方法来做正确的事情.迁移,宝石真的很酷.

棱角分明的原因:我正在研究和寻找最适合SPA的框架.Backbone似乎太抽象了.我选择在Angular和Ember之间制作.我开始先阅读Angular,这对我来说很有意义.所以我从来没有读过关于余烬的文章.

Angular&Rails的原因:我研究并尝试使用像葡萄一样的小规模框架(是的,我也使用php).但我认为需要坚持使用轨道长期项目.而且我个人喜欢做导轨的方式.

所以这是我需要帮助的地方,

我在Rails 4中有rails项目.

登录,注册所有内容都是在Michael Hartl教程中创建的.根据我的要求调整了东西.

因此,呈现登录后或后注册步骤,从用户控制器的show动作呈现视图.

我想我需要不同的布局文件,所以我分别为外页和内页创建了相同的文件.

我不知道如何继续我想要使用角度模板和路由为我的单页应用程序(它驻留在登录后).如果有另一种方式,我很灵活.我只需要一个指南,如何使用rails无条件使用rails控制器来处理我的休息请求,并使用angular提供的路由在SPA中导航.

希望我很清楚.随意编辑这个.

我在布尔代数中遇到以下问题时出现问题,即

A + A'B = A + B.

我需要证明以上部分.我的意思是它已经减少了我不能进一步减少它.

我试图使用骨干填充instagram图像,

我基本上有3个型号如下,

用户模型存储与instagram相关的所有用户信息

App.Models.User = Backbone.Model.extend({
    defaults: {
        id: '',
        access_token: '',
        userid: '',
        username: '',
        full_name: '',
        profile_picture: ''
    },
    urlRoot: "/api/user/",
    initurl: function() {
        return "https://api.instagram.com/v1/users/"+this.get('userid')+"/media/recent/?access_token=" + this.get('access_token');
    },
    initialize: function() {
        this.set('id', $('#domdump .id').val());
        this.fetch({
            success: function(model) {
                var photos = new App.Collections.Ig_photos([],{
                    url: model.initurl()
                });
            }
        });
    }

});

存储下一个分页URL的模型

App.Models.Ig_next_url = Backbone.Model.extend({
    defaults: {
        next_url: ''
    },
    next_url:function(){
        return this.get('next_url');
    }
});

照片的模型

App.Models.Ig_photo = Backbone.Model.extend({});

多张照片的集合

App.Collections.Ig_photos = Backbone.Collection.extend({
    model: App.Models.Ig_photo,
    initialize: function(model, options) …