Javascript angularjs干扰回显php变量

我试图提取一个php变量（$purpose），并在选项select上显示它。我拥有的代码（见下文）仅在我取出元素属性ng model=“purpose”时有效。如果我将ng模型放在适当的位置，则选项select SHARED PUSIONE表示php echoinng未通过。它似乎与php变量相呼应，而使用angularjs则相互冲突。有人有这个问题吗？有解决办法吗

<select id="purpose" class="form-control custom-select" name="purpose" value="<?php if(isset($purpose) or !empty($purpose)) {echo $purpose;}?>" ng-model="purpose" autocomplete="on" required/>
  <option <?php if($purpose == "") echo 'selected';?> value="">Purpose</option>
  <option <?php if($purpose == "1030") echo 'selected';?> value="1030">1Exchange</option>
  <option <?php if($purpose == "1040") echo 'selected';?> value="1040">Non-exchange</option>
  <option <?php if($purpose == "1050") echo 'selected';?> value="1050">Financing</option>
</select>

value=”“>用途
value=“1040”>非交换
使用ng模型时不要使用value属性。只需初始化一个变量purpose&为其分配PHP变量。如下图所示：

<select ng-init="purpose = <?php if(isset($purpose) or !empty($purpose)) {echo $purpose;}?>" id="purpose" class="form-control custom-select" name="purpose" ng-model="purpose" autocomplete="on" required/>
      <option <?php if($purpose == "") echo 'selected';?> ng-value="">Purpose</option>
      <option <?php if($purpose == "1030") echo 'selected';?> ng-value="1030">1Exchange</option>
      <option <?php if($purpose == "1040") echo 'selected';?> ng-value="1040">Non-exchange</option>
      <option <?php if($purpose == "1050") echo 'selected';?> ng-value="1050">Financing</option>
    </select>

ng value=”“>用途
ng value=“1040”>非交换
虽然您可以使用此样式使其正常工作，但建议使用JSON从后端填充数据

<?php
$purpose_arr = array(
  "1030" => "1Exchange",
  "1040" => "Non-exchange",
  "1050" => "Financing"
);

echo "<script> var purpose='" + json_encode($purpose_arr) + "'; </script>"
?>

html:
<select id="purpose" class="form-control custom-select" name="purpose" ng-model="purpose" autocomplete="on" required
    ng-options="value as key for (key, value) in purpose" />
    <option value="">Purpose</option>
</select>

controller:
$scope.purpose = purpose;