Dynamic models using ng-if - AngularJS form -


here code:

as can see, displayed if q.answer == 'fail' - value of select box further in page.

if "fail" has been selected, user can select defect type saved question.failure.type.

my question is, if user selects "fail" , selects defect type - , changes "fail" else. question.failure.type still retained, though ng-if false now. how can make question.failure.type no longer in model if ng-if false?

<div class="panel panel-danger" ng-if="q.answer == 'fail'">     <div class="panel-heading">         <h3 class="panel-title">comments</h3>     </div>     <div class="panel-body">         <form novalidate name="failureform">             <div class="row">                 <div class="col-xs-12">                     <select name='defect' class='form-control' ng-model='question.failure.type' ng-options='item item in defecttypes' required>                         <option value=''>select defect type...</option>                     </select>                      ...

edit: added new code requested

<div ng-repeat="q in questions" ng-show="standard.servicetype">     <div class="panel panel-info">         <div class="panel-heading">             <h3 class="panel-title">{{ $index + 1 }}. <span ng-bind="q.questiontext"></span></h3>         </div>         <div class="panel-body">             <answer-field question="q"></answer-field>         </div>     </div>     ... code in example above appears

assuming value of q.answer assigned in <input> element in html, can clear value of question.failure.type based on conditional expression using ng-change.

for example:

<input ng-bind='q.answer'         ng-change='question.failure.type =                  (q.answer == 'fail' ? question.failure.type : undefined)' >

this trivial example, setting question.failure.type either value has or undefined, depending on if q.answer == 'fail' or not.


-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

c# - SharpDX Toolkit models rendering inside out -

a little while ago decided switch xna sharpdx toolkit actively being supported , quite similar xna. while i've had no trouble @ creating 2d games decided attempt basic 3d game. can both model , it's texture load when renders shows texture on side facing away camera doesn't show @ in between. this code using set environment. vector3 cameraposition = new vector3(0, 0, -10f * 2.5f); vector3 cameratarget = vector3.zero; boundingsphere modelbounds = model.calculatebounds(); float fovangle = mathutil.degreestoradians(45); float aspectratio = (float)graphicsdevice.backbuffer.width / graphicsdevice.backbuffer.height; float near = 0.01f; float far = 100f; float scaling = 10f / modelbounds.radius; matrix translation = matrix.scaling(scaling) * matrix.rotationy((float)gametime.totalgametime.totalseconds) * matrix.translation(0, -modelbounds.center.y * scaling, 0); matrix lookat = matrix.lookatlh(cameraposition, cameratarget, vector3.u...
Read more