Javascript 单击不同单选按钮时更改角度$scope值

我正在做一个角度项目，我试图通过改变单选按钮来改变范围值和元素值。单击单选按钮1时，我从服务器获取值并将其保存在范围和元素中。当我单击单选按钮2时，必须删除所有作用域和元素。清空了所有作用域。但我的问题是，当我编辑输入并单击单选按钮2时，输入中的跨度值和位置保持器都会显示出来。不得显示跨度。这是我的密码

index.html

<div class="row">
    <div class="col" style="border: none;">
      <ion-item class="item-checkbox" style="border: none;">
        <label class="checkbox">
<input type="radio" id="oldChecked" ng-value="true" ng-model="oldChecked" ng-click="showName()">
            </label> Radio 1
      </ion-item>
    </div>
    <div class="col" style="border: none;">

      <ion-item class="item-checkbox" style="border: none;">
        <label class="checkbox">
                <input type="radio" id="newChecked" ng-value="true" ng-model="newChecked" ng-click="deleteName()">
            </label> Radio 2
      </ion-item>

    </div>
  </div>
   <div class="col" style="width: 100%;">
  <label class="item item-input item-floating-label" style="
  border-left:  none;border-right: none;border-top:none;">
  <span class="input-label" style="text-align: left;">Name 
  <font style="color: #ef473a;font-size: 14px;">*</font>
  </span>
  <input type="text" placeholder="Name" ng-model="pName"
   id="pName" name="pName" required>
 </label>
        </div>

请在这个问题上帮助我。提前谢谢各位

//单选按钮应具有相同的ng型号
// radio buttons should have same ng-model
<input type="radio" value="oldChecked" ng-model="myOption" ng-click="showName()">
<input type="radio" value="newChecked" ng-model="myOption" ng-click="deleteName()">
<input type="text" id="pName" ng-model="pName" placeholder="Name">

  <script type="text/javascript">
    var app=angular.module("test",[]);
    app.controller("testCtrl",function($scope){
    $scope.showName=function(){
      $scope.pName = "Hello";
    }
    $scope.deleteName=function(){
     $scope.pName="";
    }
});

var app=角度模块（“测试”，[]）；
app.controller（“testCtrl”，函数（$scope）{
$scope.showName=function（）{
$scope.pName=“你好”；
}
$scope.deleteName=函数（）{
$scope.pName=“”；
}
});

---

请添加Span html代码，我也无法为您提供sarath，请您解释一下。谢谢，我的意思是你的Html代码没有完全粘贴。谢谢，我已经更新了这个问题。你试过我回答的以下过程了吗？

// radio buttons should have same ng-model
<input type="radio" value="oldChecked" ng-model="myOption" ng-click="showName()">
<input type="radio" value="newChecked" ng-model="myOption" ng-click="deleteName()">
<input type="text" id="pName" ng-model="pName" placeholder="Name">

  <script type="text/javascript">
    var app=angular.module("test",[]);
    app.controller("testCtrl",function($scope){
    $scope.showName=function(){
      $scope.pName = "Hello";
    }
    $scope.deleteName=function(){
     $scope.pName="";
    }
});