账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    angualr 如何根据第一个select的选项确定剩下select需要绑定什么数据
    • 2020-01-01 00:00
    • 10
    24
    0

    angualr 如何根据第一个select的选项确定剩下select需要绑定什么数据

            <p>Action:         
                <select name="actions" formControlName="action">
                  <option value="fromMarket">Get Apple from Market(Buyer:user,Seller:market)</option>
                  <option value="fromSupplier">Get Apple from Supplier(Buyer:market,Seller:supplier)</option>
                </select>
              </p>
    
              <div class="form-group text-left" ng-if="state==fromMarket">
                <p>Buyer: 
                  <select name="buyer" formControlName="formBuyerID">
                    <option *ngFor="let buyer of allBuyers" value="{{buyer.buyerID}}">{{buyer.buyerID}}</option>
                  </select>
                </p>    
                <p>Seller: 
                  <select name="seller" formControlName="formSellerID">
                    <option *ngFor="let seller of allSellers" value="{{seller.sellerID}}">{{seller.sellerID}}</option>
                  </select>
                </p> 
              </div>

    就像上面的代码,第一个select有两个选项,这两个选项都是代表不同的buyer和seller。在angular.componnent.ts里面应该怎么去调用? 并且我在运行的时候出现了一个错误: ERROR Error: "Must supply a value for form control with name:'action'." 。 我应该在ngOnInit()怎么去加载数据?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 队友在哪 普通会员 1楼

      在Angular中,你可以使用ngModel指令来根据第一个select的选项确定剩下select需要绑定什么数据。ngModel指令用于双向数据绑定,这意味着当你在页面上更改第一个select的值时,数据模型会自动更新。

      以下是一个例子:

      ```html

      ```

      在这个例子中,userSelect是一个select,newUserSelect是一个input。当你在页面上更改userSelect的值时,newUserSelect的值也会自动更新。

      如果你想在newUserSelect的值发生变化时,userSelect的值也会自动更新,你可以使用ngModel指令的value属性:

      ```html

      ```

      在这个例子中,newUserSelect的值将会在userSelect的值发生变化时自动更新。

    更多回答
    扫一扫访问手机版