Blazor-태그 문자열을 사용하여 만든 바인딩 선택 필드

케바

마크 업 문자열을 통해 생성 할 선택 필드의 값을 바인딩하려고합니다. 선택은 정상적으로 보이지만 값이 의도 한대로 바인딩되지 않았습니다. 선택 필드가 possibleValue 변수에 바인딩 될 수 있도록 코드를 수정하려면 어떻게해야합니까?

<p>
    @selectBarGeneration
    Your selected value is @possibleValue
</p>

@code {

    public string possibleValue;
    private MarkupString selectBarGeneration = new MarkupString("<select @bind=\"possibleValue\"><option>Default</option><option>Option 2</option></select>");

}
에드 샤르 베노

MarkupString은 논리에 사용되지 않으며 원시 HTML 문자열을 렌더링하는 데 사용됩니다. 원시 HTML에 논리를 배치하려는 시도는 보안 문제입니다.

MarkupString을 사용하는 대신 Razor를 사용하여 선택 목록을 만들거나 InputSelect 구성 요소를 더 잘 사용합니다.

<select @bind="@selectedValue">
            @foreach (var item in selectListItems)
            {
                <option value="@item">@item</option>
            }
        }
</select>

@code {
     string selectedValue ="";
     string[] selectListItemsv = { ... };
}
    <InputSelect @bind-Value="model.SelectedItemString" class="form-control">
           @foreach (var cnt in model.Countries)
           {
               <option value="@cnt.Id">@cnt.Name</option>
           }
     </InputSelect>

세 번째 옵션은 다음과 같이 준비된 구성 요소를 사용하는 것입니다. https://telerik.com/blazor-ui

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Blazor에서 InputFile을 사용하여 선택한 파일 바인딩

분류에서Dev

선택적 초기화를 사용하여 식 '&'바인딩을 만드는 방법

분류에서Dev

선택 상자 선택을 입력 필드와 바인딩하는 방법. AngularJS

분류에서Dev

필드 / 열 (그룹 기준)을 사용하여 당 최대 필드 / 열 값으로 인스턴스 / 행 선택

분류에서Dev

Blazor의 선택 상자 바인딩

분류에서Dev

선택 태그없이 입력 필드 만 빈 문자열로 설정

분류에서Dev

AgGridReact를 사용하여 그리드가 ag-grid reactjs를 사용하여 바인딩 될 때 특정 행을 선택하고 싶습니다.

분류에서Dev

자동 완성 선택을 입력 필드에 바인딩하는 방법

분류에서Dev

자바와 함께 Jsoup을 사용하여 div -class 태그 선택

분류에서Dev

선택 태그의 선택된 옵션을 제거하는 각도 2 단방향 바인딩

분류에서Dev

선택 상자 선택에서 속성을 입력 필드에 바인딩하는 방법

분류에서Dev

모든 선택적 속성을 사용하여 인터페이스에 대한 유형 가드 만들기

분류에서Dev

GXT : 필터 그리드 추가 모든 열 선택 확인란

분류에서Dev

Knockout JS Array Map을 사용하여 입력 조건에 따라 선택 옵션 바인딩을 기본값으로 만드는 방법은 무엇입니까?

분류에서Dev

xsl을 사용하여 속성 값을 선택하고 하위 문자열을 만드는 방법

분류에서Dev

Blazor 프로젝트에서 C # 바인딩을 사용하여 HTML 텍스트를 여러 줄로 만드는 방법은 무엇입니까?

분류에서Dev

필드 문자열 유형을 사용하여 Linq 문자열 필드 범위 기반 선택

분류에서Dev

XPATH를 사용하여 특정 문자열을 포함하는 모든 노드를 선택하는 방법

분류에서Dev

ASP.NET Core 미들웨어 상태 확인을 사용하여 만든 상태 확인 엔드 포인트에서 HTTPS를 선택적으로 적용하려면 어떻게해야하나요?

분류에서Dev

선택한 열을 사용하여 Postgresql의 모든 필드를 결합한 또 다른 문자열 보간을 생성합니까?

분류에서Dev

jQuery extend 메서드를 사용하여 요소 또는 클래스 선택기에 대한 사용자 지정 플러그인을 만드는 방법

분류에서Dev

TextArea를 문자열에 바인딩하여 터미널을 만드는 방법

분류에서Dev

그리드의 특정 열만 선택하도록 모든 체크 박스를 필터링하는 방법

분류에서Dev

루프 대신 바인딩을 사용하여 모든 확인란을 선택 / 선택 취소 하시겠습니까?

분류에서Dev

템플릿을 사용하여 데이터를 적응 형 카드 선택 세트 템플릿에 바인딩

분류에서Dev

코드 숨김을 사용하여 데이터를 목록 선택기에 바인딩

분류에서Dev

정규식을 사용하여 문자열의 모든 이미지 태그 바꾸기

분류에서Dev

자식 구성 요소의 선택에 두 가지 방법을 모두 바인딩하는 방법-Blazor

분류에서Dev

선택 태그를 반복하고 배열 또는 문자열 만들기

Related 관련 기사

  1. 1

    Blazor에서 InputFile을 사용하여 선택한 파일 바인딩

  2. 2

    선택적 초기화를 사용하여 식 '&'바인딩을 만드는 방법

  3. 3

    선택 상자 선택을 입력 필드와 바인딩하는 방법. AngularJS

  4. 4

    필드 / 열 (그룹 기준)을 사용하여 당 최대 필드 / 열 값으로 인스턴스 / 행 선택

  5. 5

    Blazor의 선택 상자 바인딩

  6. 6

    선택 태그없이 입력 필드 만 빈 문자열로 설정

  7. 7

    AgGridReact를 사용하여 그리드가 ag-grid reactjs를 사용하여 바인딩 될 때 특정 행을 선택하고 싶습니다.

  8. 8

    자동 완성 선택을 입력 필드에 바인딩하는 방법

  9. 9

    자바와 함께 Jsoup을 사용하여 div -class 태그 선택

  10. 10

    선택 태그의 선택된 옵션을 제거하는 각도 2 단방향 바인딩

  11. 11

    선택 상자 선택에서 속성을 입력 필드에 바인딩하는 방법

  12. 12

    모든 선택적 속성을 사용하여 인터페이스에 대한 유형 가드 만들기

  13. 13

    GXT : 필터 그리드 추가 모든 열 선택 확인란

  14. 14

    Knockout JS Array Map을 사용하여 입력 조건에 따라 선택 옵션 바인딩을 기본값으로 만드는 방법은 무엇입니까?

  15. 15

    xsl을 사용하여 속성 값을 선택하고 하위 문자열을 만드는 방법

  16. 16

    Blazor 프로젝트에서 C # 바인딩을 사용하여 HTML 텍스트를 여러 줄로 만드는 방법은 무엇입니까?

  17. 17

    필드 문자열 유형을 사용하여 Linq 문자열 필드 범위 기반 선택

  18. 18

    XPATH를 사용하여 특정 문자열을 포함하는 모든 노드를 선택하는 방법

  19. 19

    ASP.NET Core 미들웨어 상태 확인을 사용하여 만든 상태 확인 엔드 포인트에서 HTTPS를 선택적으로 적용하려면 어떻게해야하나요?

  20. 20

    선택한 열을 사용하여 Postgresql의 모든 필드를 결합한 또 다른 문자열 보간을 생성합니까?

  21. 21

    jQuery extend 메서드를 사용하여 요소 또는 클래스 선택기에 대한 사용자 지정 플러그인을 만드는 방법

  22. 22

    TextArea를 문자열에 바인딩하여 터미널을 만드는 방법

  23. 23

    그리드의 특정 열만 선택하도록 모든 체크 박스를 필터링하는 방법

  24. 24

    루프 대신 바인딩을 사용하여 모든 확인란을 선택 / 선택 취소 하시겠습니까?

  25. 25

    템플릿을 사용하여 데이터를 적응 형 카드 선택 세트 템플릿에 바인딩

  26. 26

    코드 숨김을 사용하여 데이터를 목록 선택기에 바인딩

  27. 27

    정규식을 사용하여 문자열의 모든 이미지 태그 바꾸기

  28. 28

    자식 구성 요소의 선택에 두 가지 방법을 모두 바인딩하는 방법-Blazor

  29. 29

    선택 태그를 반복하고 배열 또는 문자열 만들기

뜨겁다태그

보관