在角度2中切换单个列表值的按钮

<ul id="myList">
  <li>选项1 <button onclick="toggleValue(0)">切换</button></li>
  <li>选项2 <button onclick="toggleValue(1)">切换</button></li>
  <li>选项3 <button onclick="toggleValue(2)">切换</button></li>
</ul>

function toggleValue(index) {
  var list = document.getElementById("myList");
  var listItem = list.getElementsByTagName("li")[index];
  var value = listItem.textContent.trim().split(" ")[0]; // 获取当前列表项的值

  // 根据当前值进行切换
  if (value === "选项1") {
    listItem.textContent = "选项2 切换";
  } else if (value === "选项2") {
    listItem.textContent = "选项3 切换";
  } else if (value === "选项3") {
    listItem.textContent = "选项1 切换";
  }
}